Primefaces BlockUI，用于页面上的任何点击操作

Question

有没有办法让组件类型而不是组件 ID 触发，如下所示，

<p:blockUI block="myPanel" trigger="Button, HyperLink" />

谢谢你的帮助。

Answer 1

我已经解决了这个问题，并与有同样问题的人分享。

主要部分：

<p:blockUI widgetVar="blockUi" block="wholeBody" ></p:blockUI>

请注意：必须定义 widgetVar（而不是 Id）才能在 JavaScript 中操作组件

JavaScript 部分：

<script>
    $(document).ready(function() {
        $("button").click(function() {
            PF('blockUi').show();
        });
        $(document).on('pfAjaxComplete', function() {
            PF('blockUi').hide();
        });
    }); 
</script>

有关 widgetVar 和 PF（） 是什么的更多详细信息，请阅读参考资料。

参考： http://blog.hatemalimam.com/intro-to-primefaces-widgetvar/