表单上的BlockUI呈现密集的工作

时间:2013-02-13 21:04:58

标签: jsf-2 primefaces primefaces-extensions

我有一份包含密集工作的表格。我想阻止表单从渲染(初始化)到完成时的形式,并呈现它内部的所有内容。知道怎么办?我用blockUI(p和pe)尝试了不同的东西,但是当表单完成其密集工作时,我找不到触发blockUI的方法。感谢您的帮助。

注意:此过程无需提交表单即可完成。我使用的是最新的Primefaces快照

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

1 个答案:

答案 0 :(得分:2)

这会在表单呈现期间阻止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>