JSF从JavaScript调用托管bean方法

Question

Is there any way to call a managed bean method from JavaScript?

I have a link in a datatable which should go to a document repository for the corresponding tender. Please check the screenshot. But the datatable, inside a panel, which is inside a layout and so the link is not diverting the page to the required path. So I am trying to call a JavaScript from the link which in turn call a method from managed bean which will return to the required page. I have tried to hide a button and make it submit on click of the link. But its not working.

Answer 1

要导航到要求页面，您需要在f：param中传递所需的信息（例如，在您的情况下，传递唯一的ID或数字或可能是投标编号的东西）并在其上调用ManagedBean方法。

Answer 2

OK finally I got it .

In command link if I use action its not diverting. But I changed it to actionListener and it works.

 <p:commandLink id="submitButton" actionListener="#{docManagedBean.viewDocs(action)}" 
                                                     value="View Docs">

                                     </p:commandLink>

and my Managed Bean method

 public void viewDocs(ActionEvent action) throws IOException{
 FacesContext ctx = FacesContext.getCurrentInstance();
FacesContext.getCurrentInstance().getExternalContext().redirect("/Proj-war/faces" +      "/DocumentRepositary/documentsView" + ".xhtml");


}

Answer 3

Why not use simple <h:link> if all you want is to perform navigation on clicking? And you can set <f:param> to inform of the tender id or other unique values within the link. As your tender search results are located within <ui:repeat> , as I suppose, just add simple links to navigate to the tender docs. My point of view is that making a redirect from an action listener method is actually a big problem in design. Usage of command buttons is acceptable if you want to perform some operations on the page or before viewing the target page.

Simple example: part of search.xhtml:

<ui:repeat var="tender" value="#{tenderBean.tenders}">
    <!-- UI part of table -->
    <h:link value="View tender docs"utcome="path/to/tender/docs/viewDocs.xhtml">
        <f:param name="tenderId" value="#{tender.id}" />
    </h:link>
</ui:repeat>

Simple example continued: part of viewDocs.xhtml:

<f:metadata>
    <f:viewParam name="tenderId" value="#{tenderDocsBean.tenderId}" required="true" />
    <f:event type="preRenderView" listener="#{tenderDocsBean.loadTenderDocs}" />
</f:metadata>

Look at this answer on usage of <f:viewParam> .