如何获得组件rich：modalPanel的所有可用Java脚本方法？

Question

I have this rich:modalPanel in my xhtml page:

<rich:modalPanel id="submitPanel" width="100" height="100"
    style="text-align:center;margin-top:30px;">
    <h:graphicImage value="/img/ajax-loader.gif" style="border: 0;"
            height="30" width="30" />
</rich:modalPanel>

Now i can call it in the onclick js attribute of the component h:commandLink for example:

<h:commandLink styleClass="dontsave left" value="#{txt.cancel}"
        action="#{newMessageBean.cancelAction}"
        onclick="#{rich:component('submitPanel')}.show(); return true;" />

But how can i get all available js methods of the component rich:modalPanel? The JBoss Documentation is not a good way, so it can be possible that i use an older richfaces version, which is not documented in a suitable way.

How call i inspect these objects with all available methods on runtime? For example by using Firebug and the command "console.log(#{rich:component('submitPanel')})" or something else? What is the best way of solution?

Answer 1

You can call show modal panel like this:

<a4j:commandButton styleClass="button" value="#{msg.addNote}"
    oncomplete="Richfaces.showModalPanel('noteDetails')">
</a4j:commandButton>

<rich:modalPanel id="noteDetails" />
    <f:facet name="controls">
        <h:graphicImage value="/images/close.png" 
            style="cursor:pointer" onclick="Richfaces.hideModalPanel('noteDetails')" />
    </f:facet>
</rich:modalPanel>

---

Here is version with onclick :

<a4j:commandButton value="Find Segments" immediate="true"
    ajaxSingle="true"
    oncomplete="Richfaces.showModalPanel('clientCatSearch')"
    event="onclick" reRender="clientCatSearch">
</a4j:commandButton>

Answer 2

You need to know the full id of the component, eg j_id352:panel . Then you can access the component with $('j_id352:panel').component .

You can't use #{rich:component('submitPanel')} because the #{…} only works for server-side processing, before the page is rendered.

You should consider updating though, at least to RF 3.3.3 if you can't go to RF 4.

Answer 3

You can inspect ModalPanel.prototype object in Firebug.

A quick JavaScript snippet to output all members of ModalPanel.prototype :

var result = '';
for (var item in ModalPanel.prototype) {
   result += item + '\n';
}
alert(result);