当前位置: 编程技术>jquery
jquery easyui 对话框用法示例
来源: 互联网 发布时间:2014-10-04
本文导语: jquery easyui的对话框效果图,如下图: js代码: 代码示例: function open_dialog() { $('#mydialog').show(); $('#mydialog').dialog({ collapsible: true, minimizable: true, maximizable: true, toolbar: [{ text: '添加', iconcls: 'icon-add', handler: functio...
jquery easyui的对话框效果图,如下图:
js代码:
代码示例:
function open_dialog() {
$('#mydialog').show();
$('#mydialog').dialog({
collapsible: true,
minimizable: true,
maximizable: true,
toolbar: [{
text: '添加',
iconcls: 'icon-add',
handler: function() {
alert('添加数据')
}
},{
text: '保存',
iconcls: 'icon-save',
handler: function() {
alert('保存数据')
}
}],
buttons: [{
text: '提交',
iconcls: 'icon-ok',
handler: function() {
alert('提交数据');
}
}, {
text: '取消',
handler: function() {
$('#mydialog').dialog('取消');
}
}]
});
}
html代码:
代码示例:
弹框
角色名称:
角色名称:
window的具体用法,首先看下属性大多数的属性和窗口(window)的属性是相同的。
列出一些 dialog私有的属性:
属性名 类型 描述 默认值
title 字符串 对话框的标题文本 new dialog
collapsible 布尔 定义是否显示可折叠按钮 false
minimizable 布尔 定义是否显示最小化按钮 false
maximizable 布尔 定义是否显示最大化按钮 false
resizable 布尔 定义对话框是否可编辑大小 false
toolbar 数组 对话框上的工具条,每个工具条包括: text, iconcls, disabled, handler etc. null
buttons 数组 对话框底部的按钮,每个按钮包括: text, iconcls, handler etc. null
事件
dialog的事件和窗口(window)的事件相同。
title 字符串 对话框的标题文本 new dialog
collapsible 布尔 定义是否显示可折叠按钮 false
minimizable 布尔 定义是否显示最小化按钮 false
maximizable 布尔 定义是否显示最大化按钮 false
resizable 布尔 定义对话框是否可编辑大小 false
toolbar 数组 对话框上的工具条,每个工具条包括: text, iconcls, disabled, handler etc. null
buttons 数组 对话框底部的按钮,每个按钮包括: text, iconcls, handler etc. null
事件
dialog的事件和窗口(window)的事件相同。
方法
除了”header”和”body”以外,dialog的函数方法和窗口(window)的相同。