2020-07-14 easyui对话框(弹出框)

    <div id="dd" class="easyui-dialog" style="padding:5px;width:400px;height:200px;" data-options="closed:true"
            title="My Dialog" iconCls="icon-ok"
            toolbar="#dlg-toolbar" buttons="#dlg-buttons">
        <div id="dlg-toolbar">
            <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')">Add</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')">Save</a>
        </div>
        Dialog Content.
        <div id="dlg-buttons">
            <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')">Ok</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')">Cancel</a>
      </div>
    </div>

关闭：$('#dd').dialog('close')

打开：$('#dd').dialog({closed:false})

data-options="closed:true" closed:true 默认对话框关闭，modal:true 开启遮罩