从javascript中获取托管bean的返回值

Question

在我的应用程序中，我调用一个Javascript事件，该事件调用名为checkPageLayoutsAreSelected的p:remoteCommand checkPageLayoutsAreSelected ，如下所示：

$('selector').on('click', function (e) {
  checkPageLayoutsAreSelected();
});

这是p:remoteCommand ：

<p:remoteCommand name="checkPageLayoutsAreSelected" actionListener="#{beanFormDashboard.checkPageLayoutsAreSelected}" />

这个p:remoteCommand将调用beanFormDashboard托管bean中的一个方法，该方法将返回一个布尔值：

public Boolean checkPageLayoutsAreSelected(){
    for(DashboardPage dp : dashboardPageList){
        if(dp.getModel() == 0){
            return false;
        }
    }
    return true;
}

所以我想通过Javascript代码中托管bean的checkPageLayoutsAreSelected()获取返回值。

像这样的东西：

$('selector').on('click', function (e) {
  var returnedValue = checkPageLayoutsAreSelected();
});

我怎样才能做到这一点？

Answer 1

checkPageLayoutsAreSelected不返回值甚至是promise，但是您可以返回Ajaxicaly值。

<p:remoteCommand name="checkPageLayoutsAreSelected"
     action="#{beanFormDashboard.checkPageLayoutsAreSelected()}"
     oncomplete="getLayoutAreSelectedResult(xhr, status, args);"
/>

在方法checkPageLayoutsAreSelected()您使用PF提供的checkPageLayoutsAreSelected()将结果发送回客户端：

public void checkPageLayoutsAreSelected() {
   Boolean result=true;
   for(DashboardPage dp : dashboardPageList){
        if(dp.getModel() == 0){
            result= false;
        }
   }
   RequestContext reqCtx = RequestContext.getCurrentInstance();        
   reqCtx.addCallbackParam("returnedValue", result);
}

在Javascript回调函数getLayoutAreSelectedResult(xhr, status, args)您将获得返回值：

$('selector').on('click', function (e) {
    checkPageLayoutsAreSelected();
    window.getLayoutAreSelectedResult= function(xhr, status, args) {
       var returnedValue = args.returnedValue;
       console.log(returnedValue);
    }
});

Answer 2

另一个答案是有效的并且给你完整的xhr访问权限，但理论上你可以在任何时间点执行此操作，将某些内容放入requestScope并重新渲染然后从EL中取出。 我个人更喜欢在页面上显示元素，因为我们以后可能会将它们用于任何类型的信息，但这是另一种方法。 设置一个隐藏元素，引用您的bean数据，并将其包装一个可以作为重新呈现目标的组件。

然后在checkPageLayoursAreSelected中，在bean上设置该对象的值，让remoteCommand渲染/更新元素的组件包装器，然后使用基本的JS或Jquery从dom获取值。

工作范例：

view.xhtml

  <button type="button" id="buttonClicker" class="buttonClicker" >Click Me</button>

  <p:remoteCommand name="checkPageLayoutsAreSelected" actionListener="#{testBean.checkPageLayoutsAreSelected}" update="pageLayoutSelected" oncomplete="showVal()"/>

  <h:panelGroup id="pageLayoutSelected">
       <h:inputHidden  value="#{testBean.pageLayoutSelected}" id="checkPageLayoutValueId" />
  </h:panelGroup>

  <script>
    $('.buttonClicker').on('click', function (e) {
         checkPageLayoutsAreSelected();
    });
    function showVal() {
        alert($("[id$='checkPageLayoutValueId']").val());
    };
  </script>

TestBean.java

    private Boolean pageLayoutSelected;

    public Boolean checkPageLayoutsAreSelected(ActionEvent event) {
        if (pageLayoutSelected == null || pageLayoutSelected == Boolean.FALSE) {
            pageLayoutSelected = Boolean.TRUE;
        } else {
            pageLayoutSelected = Boolean.FALSE;
        }

    return pageLayoutSelected;
}
getters/setters

我添加了一个警告，告诉您data =已被修改。

重要的是，您需要在完成阶段完成它 - 因为它绝对确定dom渲染已经完成，如果JS运行得足够快，那么DOM可能仍然具有较旧的值。

希望这可以帮助。