3

因此，当您使用 primefaces 创建一个对话框时，它会禁用背景中的所有页面。有没有没有对话框的好方法？

基本上我想在特定的 ajax 请求期间禁用整个页面。

4

2 回答 2

5

Yup its called BlockUI ,

BlockUI

<p:panel id="pnl" header="My Panel">
    //content
    <p:commandButton id="saveBtn" value="Save" />
</p:panel>
<p:blockUI block="pnl" trigger="saveBtn" />

also , take a look at the user guide at the BlockUI section...

于 2012-08-08T18:13:53.740 回答
3

您可以创建一个 HTML 大小的 div，给它一个非常高的 z-index，然后当您想要阻止或显示页面时隐藏或显示此 div。

像这样

<html>
<div class="blocker"></div>
<div class="page">
    Your content here
    <button id="btn">teste</button>
</div>
<html>

.page{z-index: 900}
.blocker{z-index:1000;height:100%;width:100%;background: gray; opacity:0.7; position: absolute;}

​在这里查看：http: //jsfiddle.net/6nDtu/31/

于 2012-08-08T17:45:29.827 回答