JQuery EasyUI 对话框的使用方法

jQuery EasyUI 对话框(Dialog)用法与EasyUI的窗口用法极为相似,最终的效果图也只与窗口的效果图差几个按钮

下面看一下EasyUI的对话框效果图

js代码:
复制代码 代码如下:



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)的事件相同。

方法
除了”header”和”body”以外,Dialog的函数方法和窗口(Window)的相同

以上就是JQuery EasyUI 对话框的使用方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程