easyUI-Dialog（对话框窗口）

2019独角兽企业重金招聘Python工程师标准>>>

一.使用场景：

    像添加操作，需要表单数据录入的情况。并且，录入表单在默认的情况下面是隐藏的。在点击“添加”的时候，弹出对话框，来进行录入。

二.基本属性

1.modal

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

三.使用

3.1 HTML

<div id="dd">Dialog Content.</div>  

3.2 JS

将弹框绑定在id为add的按钮上

$("#add").click(function () {
    $('#dlg').dialog({
        title: '增加用户',
        width: 400,
        height: 200,
        closed: false,
        cache: false,
        modal: true
    });
})

3.3 注意

弹框里面的内容一般比较少，常见于数据录入，即里面会是一个表单，弹框里面的内容可以通过js定义时用href导入（href: 'get_content.php'详情见文档），但是一般可以直接把表单写到初始化的HTML里面（即3.1），如果这样做就必须给<div id="dd"></div>  加隐藏的样式

style="display: none;"

否则里面的内容会直接暴露出来，即使设置了 closed: false,（弹框默认隐藏）。

转载于:https://my.oschina.net/Cubicluo/blog/891954