Richfaces.hideModalPanel in RichFaces4

[pechnik]

Hello. In privious version of RichFaces(3.3.3) I have used such structure @oncomplete="if (data == 'success') {Richfaces.hidePopupPanel('delete_trader_modal_panel');} else {Richfaces.showPopupPanel('show_notification_delete_trader');}" for checking  if the rezult of clicked event was successful. Now it doesn`t work. I tried such thing  @oncomplete="if (data == ''success'') #{rich:component('add_new_trader_modal_panel')}.hide(); else #{rich:component('add_new_trader_modal_panel')}.show();" but again nothing hapense.

What is wrong?

[ilya_shaikovsky]

according to

http://community.jboss.org/wiki/RichFacesMigrationGuide33x-4xMigration-Commoncomponentschanges#client_api

rich:component should be used in that case. So let's explore wh it's not working..

1) Any JS errors?

2) is it invoked in general? (try with simple alert)

[iabughosh]

Hi Pechmik,

i think you should add return false :

#{rich:component('panelPopup')}.show(); return false;

Regards,

[pechnik]

Simple alert works fine. But alert(data) doesn`t works.

Also

 <rich:componentControl target="show_notification_add_trader" operation="show"
                                event="complete" />

  inside a4j:commandButton doesn`t fires.

[ilya_shaikovsky]

thanks! could confirm that.. works only for standard events.

https://issues.jboss.org/browse/RF-10858 with workaround created.

[true_mykola]

Can you tell me how to open/close modal panels when they have complex ids? In richfaces 3.3.3 i could call this code on a4j:commandButton:

oncomplete="enableModalPanelBtns(this); if (#{usession.noErrorResponse}) Richfaces.hideModalPanel('#{subviewId == null ? 'articlesView' : subviewId}:articleModalPanel')"

In RF 4.2 I get an error saying: "Richfaces is not defined". As you see my panel id is quite complex so i can't place this id in standard call #{rich:component('id')}.show()/hide() which works correctly in other simple cases. What shall i do?

[dlee606]

If any pure javascript command like "RichFaces.hidePopupPanel('xxxPanel')" in RF4?

Because we been able to use that in pure JavaScript files, but for now it will say "RichFaces.hidePopupPanel is not a function"

Thanks

[lfryc]

Hey David,

consider to consult the Component Reference documentation:

http://docs.jboss.org/richfaces/latest_4_X/Component_Reference/en-US/html_single/#sect-Component_Reference-richpopupPanel-JavaScript_API

[dlee606]

Thanks for reply,

but for following description:

9.4.7. JavaScript API  The  component can be controlled through the JavaScript API. The JavaScript API provides the following functions:  getTop() Return the top co-ordinate for the position of the pop-up panel.  getLeft() Return the left co-ordinate for the position of the pop-up panel.  moveTo(top,left) Move the pop-up panel to the co-ordinates specified with the top and left parameters.  resize(width,height) Resize the pop-up panel to the size specified with the width and height parameters.  show() Show the pop-up panel.  hide() Hide the pop-up panel.

-- Seems I still need to use the #{rich:component('panelPopup')} to get the component?

If that I cannot put into a pure javaScript file

[lfryc]

Let's put the output of script generated from #{rich:component('panelPopup')} to the external script.

You will need to have stable client ID - I would consider to find the panelPopup via CSS selectors (jQuery Selectors), e.g.: jQuery(".rf-pp) and then retrieve its clientId: jQuery(.rf-pp).attr('id'),

and then pass it to the result of #{rich:component('clientId')} [1]

RichFaces.$(jQuery(.rf-pp).attr('id'))

[1] http://docs.jboss.org/richfaces/latest_4_X/Component_Reference/en-US/html_single/#sect-Component_Reference-Functions-richcomponent