jsf-2 - 表单上的 BlockUI 需要大量工作

Question

我有一个包含大量工作的表格。我想从它的渲染（初始化）到它完成的时间来阻止表单，并且它里面的所有东西都被渲染了。知道我该怎么做吗？我用 blockUI(p 和 pe) 尝试了不同的东西，但是当表单完成密集工作时，我找不到触发 blockUI 的方法。提前感谢您的帮助。

注意：此过程无需提交表单即可进行。我正在使用最新的 Primefaces 快照

 <ui:define name="content">
    <form id="stuff">
        <!--a lot of stuff here-->
    </form>
 </ui:define>

Answer 1

这会在表单呈现期间阻塞 UI。

<ui:define name="content">

    <p:blockUI block="stuff" widgetVar="blockUIWidget">
        <h:outputText value="Please wait..."/>
    </p:blockUI>

    <script type="text/javascript">
        $(document).ready(function() {
            blockUIWidget.show();
        });

        $(window).load(function() {
            blockUIWidget.hide();
        });
    </script>
    <form id="stuff">
        <!--a lot of stuff here-->
    </form>
</ui:define>