首先 在当前页面中书写隐藏的DIV
eg:<div id="roleDialog" style="display: none;overflow: hidden;">
<table id="roleTable" border="false"></table>
</div>
这个地方要注意样式中要书写 display:none
然后在js中书写下面的代码
roleDialog = $('#roleDialog').show().dialog({
modal : true,
title : '关联角色',
modal: true,
closable: true,
draggable: true,
width: 250,
height: 300,
onClose:function(){
},
onOpen: function() {
}
}).dialog('close');
如果要展开这个Dialog 只需要在相应的按钮上添加如下事件方法
roleDialog.dialog('open');即可
在Dialog中也可以添加tree、datagrud等数据列表 他们的数据加载可以写到OnOpen中
分享到:
相关推荐
jQuery EasyUI 1.0.5改进了dialog组件,目前dialog组件可以从标记中读取collapsible,minimizable,maximizable和 resizable属性 5. jQuery EasyUI 1.0.5新增了一个校验器插件,用于检测用户的输入的合法性
本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI...jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助文档等。
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
将Easyui的DataGrid内容放入Dialog中,打印该Dialog
属性 所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如,对话框属性定义在jQuery.fn.dialog.defaults里面。 事件 所有的事件(回调函数)也都定义在jQuery.fn.{plugin}.defaults...jQuery EasyUI 入门指南
Jquery EasyUI Demo JQuery EasyUI 例子 包括Accordion、DataGrid、Dialog、LayOut、Messager、Tabs、ValidateBox
easyui详细笔记02之[如何使用easyui_dialog案例]
主要为大家详细介绍了Jquery Easyui对话框组件Dialog的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
在调用dialog的时候得到dialog对象,加入资料中代码,可以控制dialog的按钮在什么时候消失,而不是系统默认的点击消失
easyui 做的 dailog简单技术。
使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题: 用户将dialog拖出页面后,dialog就不能拖下来了,除非要重新打开页面,这个问题对于用户体验来说是非常重要的, ...
本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下
jQuery dialog对话框插件点击弹出对话框代码 jQuery dialog对话框插件点击弹出对话框代码
jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...
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 ...
将Easyui的DataGrid内容放入Dialog中,打印该Dialog
本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下: <meta http-equiv=content-type content=text/html;charset=UTF-8 /> <title></title> ...