Получить возвращаемое значение из управляемого компонента в JavaScript

Question

В моем приложении я вызываю событие Javascript, который называет p:remoteCommand имени checkPageLayoutsAreSelected следующим образом:

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

Это p:remoteCommand:

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

Это p:remoteCommand вызовет метод в управляемом bean-компоненте beanFormDashboard, который вернет логическое значение:

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

Так что я хочу получить возвращаемое значение checkPageLayoutsAreSelected() из управляемого компонента в коде Javascript.

Что-то вроде этого:

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

Как я могу это сделать?

Answer 1

checkPageLayoutsAreSelected не возвращает значение или даже обещание, но вы можете вернуть значение Ajaxicaly.

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

И в методе checkPageLayoutsAreSelected() вы используете RequestContext предоставленный PF отправить результат обратно к клиенту:

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

И в функции getLayoutAreSelectedResult(xhr, status, args) обратного вызова Javascript вы будете иметь возвращаемое значение:

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

Answer 2

Другой ответ работает и дает вам полный доступ к xhr, но вы теоретически могли бы это сделать в любой момент времени, бросить что-то в requestS справиться и переделать, затем вытащить его из EL. Лично я предпочитаю видеть элементы на странице, так как мы можем использовать их позже для любой информации, но это другой способ сделать это. Установите скрытый элемент со ссылкой на данные вашего компонента и заверните его в компонент, который может быть нацелен на повторный рендеринг.

Затем в вашем checkPageLayoursAreSelected установите значение этого объекта в bean-компоненте и удалитеCommand визуализируйте/обновите оболочку компонента вашего элемента, а затем эффект after просто используйте базовые JS или Jquery, чтобы получить значение из доминион

Рабочий пример:

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 

Я добавил предупреждение, чтобы показать вам, что = данные были изменены.

Важно, что вам нужно скорее всего это сделать в неполной фазе - так как абсолютно уверен, что рендеринг dom был опущен, при условии, что DOM может по-прежнему иметь более старое значение, если JS работает достаточно быстро.

Надеюсь, это поможет.