http://www.cnblogs.com/libingql/archive/2011/09/27/2193690.html
<head runat="server">
<title>Dialog</title>
<link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="/jquery-easyui-1.2.4/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="/jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#dlg').dialog({
title: '对话框',
iconCls: "icon-edit",
collapsible: true,
minimizable: true,
maximizable: true,
resizable: true,
width: 300,
height: 200,
modal: true
});
});
</script>
</head><body> <div id="dlg">
Content
</div>
</body></html> |
或
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<head runat="server">
<title>Dialog</title>
<link href="/jquery-easyui-1.2.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="/jquery-easyui-1.2.4/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="/jquery-easyui-1.2.4/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="/jquery-easyui-1.2.4/jquery.easyui.min.js" type="text/javascript"></script>
</head><body> <div id="dlg" class="easyui-dialog" style="width:300px; height:200px;" title="对话框" iconCls="icon-edit">
Content
</div>
</body></html> |
效果图：
2、工具栏、按钮栏
代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
<script type="text/javascript">
$(function () {
$('#dlg').dialog({
title: '对话框',
iconCls:"icon-edit",
collapsible: true,
minimizable: true,
maximizable: true,
resizable: true,
width: 300,
height: 200,
modal: true,
href: "Content.aspx",
onClose: function () {
alert("Close");
},
toolbar: [{
text: 'Add',
iconCls: 'icon-add',
handler: function () {
alert('add');
}
}, '-', {
text: 'Save',
iconCls: 'icon-save',
handler: function () {
alert('save');
}
}],
buttons: [{
text: 'Ok',
iconCls: 'icon-ok',
handler: function () {
alert('ok');
}
}, {
text: 'Cancel',
iconCls: 'icon-cancel',
handler: function () {
$('#dlg').dialog('close');
}
}]
});
});
</script> |
效果图：
3、参数
|
属性名 |
类型 |
描述 |
默认值 |
|
title |
字符串 |
对话框的标题文本 |
New Dialog |
|
collapsible |
布尔 |
定义是否显示可折叠按钮 |
false |
|
minimizable |
布尔 |
定义是否显示最小化按钮 |
false |
|
maximizable |
布尔 |
定义是否显示最大化按钮 |
false |
|
resizable |
布尔 |
定义对话框是否可编辑大小 |
false |
|
toolbar |
数组 |
对话框上的工具条，每个工具条包括: |
text, iconCls, disabled, handler etc. null |
|
buttons |
数组 |
对话框底部的按钮，每个按钮包括: |
text, iconCls, handler etc. null |
4、事件
Dialog的事件和窗口(Window)的事件相同。
5、方法
Dialog的函数方法和窗口(Window)的相同。
相关推荐
主要介绍了jQuery EasyUI Dialog拖不下来到底如何解决，遇到这类问题的，或者是感兴趣的小朋友可以参考一下
jQuery EasyUI 1.0.5改进了dialog组件，目前dialog组件可以从标记中读取collapsible,minimizable,maximizable和 resizable属性 5. jQuery EasyUI 1.0.5新增了一个校验器插件，用于检测用户的输入的合法性
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web...jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等。
下面小编就为大家带来一篇修改jquery中dialog的title属性方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档（完整）目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等。 jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助...
jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 与extjs相似，都是基于JQuery的一个前台ui界面的插件，功能相对没extjs...
Jquery EasyUI Demo JQuery EasyUI 例子 包括Accordion、DataGrid、Dialog、LayOut、Messager、Tabs、ValidateBox
本文介绍了在jQuery前端框架easyui开发UI时，使用Dialog时发现遮罩无法覆盖页面内容，而且对话框也显示不出来，经过一番研究，才发现问题所在，这里分享给大家，有相同情况的小伙伴可以参考下
主要为大家详细介绍了Jquery Easyui对话框组件Dialog的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
属性 所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如，对话框属性定义在jQuery.fn.dialog.defaults里面。 事件 所有的事件（回调函数）也都定义在jQuery.fn.{plugin}.defaults...jQuery EasyUI 入门指南
jQuery EasyUI为提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大，...
本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下： <meta http-equiv=content-type content=text/html;charset=UTF-8 /> <title></title> ...
jQuery easyUI 培训 教程 1 Accordion（可折叠标签） 2 1.1 实例 2 1.2 参数 3 2 DateBox（日期框） 4 2.1 实例 4 2.2 参数 6 2.3 事件 6 2.4 方法 6 3 ComboBox(组合框) 7 3.1 实例 7 3.2 参数 9 3.3 事件 9 3.4 ...
dialog并没有随着滚动条往下滚动，这时就需要用户滑动滚动条来定位dialog，在说出解决方案前先来普及一下jquery关于定位的几个方法
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web... jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，validatebox，window等等
jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。jQuery EasyUI是基于JQuery的一个前台ui界面的插件，功能相对没extjs强大...
笔者在项目中使用 jquery.ui.dialog 1.7.2时，当使用$("#d").dialog("open");时，dialog总是弹出在option中指定的位置；
jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等。 OK，下面就开始我们的初探之旅。jQuery EasyUI—Accordion 手风琴效果，大家应该很熟悉。 基本...