jquery easyui-dialog 当dialog弹出是 如何屏蔽其他页面其他功能

jquery easyui-dialog 当dialog弹出是 如何屏蔽其他页面其他功能

来点详细的 谢谢 跪求

1.modal

** 当modal属性值为true时,弹出对话框后,对话框的底层是不可以进行操作的**。

2.title,width,height

分别表示对话框的标题,宽度,高度。

3.collapsible,minimizable,maximizable

默认情况下,对话框右上角的操作按钮只有关闭。通过这3个属性,可以为对话框添加:折叠、最小化、最大化按钮。

4.resizable

该属性用于说明对话框的大小是否可以调节。

5.iconCls

  这个属性可以修改对话框左侧的图标和title一起说明该对话框的用途。

改一下配项就可以了,你可以下一个easyUi的帮助文档那上面easui的问题基本都有

配置modal为true显示遮盖层就好了,非dialog的内容被遮盖层遮挡后就无法操作了,除非关闭dialog


    <div id="dlg" class="easyui-dialog" title="Basic Dialog" data-options="iconCls:'icon-save',modal:true" style="width:400px;height:200px;padding:10px">
        The dialog content.
    </div>