您如何在 PrimeFaces 中从 Javascript 调用 bean 方法

Question

如何在 PrimeFaces 中从 Javascript 调用 bean 方法？

我有以下菜单项：

<p:menuitem id="toggleAlarms" icon="ui-icon-cancel" rendered="#{navigationBean.admin}" value="Cancel Alert" update=":alarmMessages"  action="#{alarmsBean.toggleAlertOff()}"/>

当我在 UI 中单击该项目时，该方法被调用。

但是当我有这个元素时：

<p:messages id="alarmMessages">
    <script>
    jQuery('#alarmMessages').effect("pulsate", {times:5}, 1000 );
    jQuery('#alarmMessages').show();
    $('#alarmMessages').click(function() {
        jQuery('#toggleAlarms').click();
        alert('fool');
    })
    </script>
</p:messages>

如果我单击 UI 上的消息对象，我可以看到带有傻瓜的警报消息。

但是，我从未见过 toggleAlarms.click() 方法调用 alarmsBean.toggleAlertOff() 调用。

我是不是做错了什么？

Answer 1

#{navigationBean.admin} 有没有可能返回 false ？

因为如果是这样，您将无法在 DOM 中找到它...（最好使用style=display:none）

另外，如果 menuitem 在表单中，您的选择器可能是错误的，请尝试 jQuery('#someFormID\\:toggleAlarms').click(); 在您的网页上执行 view source 以查看 menuitem 的正确 ID

最后尝试使用 commandButton 进行相同的操作（不确定 menuitem 是否会按预期响应 .click()）

更新

为了检查您的 jquery 选择器是否正确，请使用 alert($('#toggleAlarms').length) 而不是 alert('fool');