JQueryEasyUI 组件dialog

1.dialog组件定义

jQuery EasyUI 对话框（Dialog）用法与EasyUI的窗口用法极为相似，最终的效果图仅与窗口的效果图相差几个按钮，

该对话框是一种特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。

继承关系：window 和linkbutton

创建实例标签元素：dialog组件使用<div>标签元素定义

2.dialog组件定义

2.1.常用属性

属性名	属性值类型	描述
title	string	对话框窗体标题文本
collapisble	boolean	定义是否显示可折叠按钮
minimizable	boolean	定义是否显示最小化按钮
maximizable	boolean	定义是否显示最大化按钮
toolbar	array,selector	设置对话框窗体顶部工具栏： 1.一个数组  每个工具栏的工具属性和linkbutton相同 2.一个选择器指定按钮栏
buttons	array,selector	设置对话框窗体底部工具栏： 1.一个数组  每个工具栏的工具属性和linkbutton相同 2.一个选择器指定按钮栏
modal	boolean	定义是否将窗体显示为模式化窗体（置顶显示）

2.2.toolbar 属性

属性名	属性值类型	描述
text	string	按钮文字
iconCls	string	显示在按钮文字左侧的图标（16*16）的CSS类ID

2.3.事件

事件名	属性值类型	描述
handler	function	单击后执行相关的回调函数代码,完成具体引用操作

3.dialog组件 语法

$("#dialog01").dialog({
                title: "窗口",
                collapisble: true,
                minimizable: true,
                maximizable: true,
                width: 400,
                height: 200,
                buttons: [
                    {
                        text: '添加',
                        iconCls: 'icon-add',
                        handler: function () {
                            //需要 表单内 有name 属性
                            var json = $("#form1").serializeArray();
                        }
                    },
                    {
                        text: '重置',
                        iconCls: 'icon-remove',
                        handler: function () {
                            //需要form1  包含在 div中
                            $("#form1").form("clear");
                        }
                    }
                ]