`

对于JqueryEasyUI中dialog隐藏,只有点击按钮后才显示的书写方法

阅读更多
首先  在当前页面中书写隐藏的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 离线文档

    jQuery EasyUI 1.0.5改进了dialog组件,目前dialog组件可以从标记中读取collapsible,minimizable,maximizable和 resizable属性 5. jQuery EasyUI 1.0.5新增了一个校验器插件,用于检测用户的输入的合法性

    jQuery EasyUI 1.2.4 API 中文文档.chm

    本 chm 文档是根据博客园“风流涕淌”的《jQuery EasyUI 1.2.4 API 中文文档(完整)目录》整理而成 http://www.cnblogs.com/Philoo/archive/2011/11/17/jeasyui_api_index.html Base 基础 Documentation 文档 ...

    jQuery EasyUI 1.3.1

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    jquery-easyui-1.2.6

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI...jQuery-Easyui-1.2.6中含有jQuery库、easyui库、demo实例和jquery_easyui_中文帮助文档等。

    jquery ui Dialog 添加最大最小化按钮控制

    两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。

    Easyui通过Dialog打印.rar

    将Easyui的DataGrid内容放入Dialog中,打印该Dialog

    最新jquery easyUI中文文档 1.5版本没有之一

    属性 所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如,对话框属性定义在jQuery.fn.dialog.defaults里面。 事件 所有的事件(回调函数)也都定义在jQuery.fn.{plugin}.defaults...jQuery EasyUI 入门指南

    Jquery EasyUI Demo 例子

    Jquery EasyUI Demo JQuery EasyUI 例子 包括Accordion、DataGrid、Dialog、LayOut、Messager、Tabs、ValidateBox

    easyui详细笔记02之[如何使用easyui_dialog案例]

    easyui详细笔记02之[如何使用easyui_dialog案例]

    Jquery Easyui对话框组件Dialog使用详解(14)

    主要为大家详细介绍了Jquery Easyui对话框组件Dialog的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    jquery easyui api合辑

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    android中dialog点击按钮不消失详解

    在调用dialog的时候得到dialog对象,加入资料中代码,可以控制dialog的按钮在什么时候消失,而不是系统默认的点击消失

    easyui-dialog实例

    easyui 做的 dailog简单技术。

    jQuery EasyUI Dialog拖不下来如何解决

    使用jquery easyui可以很容易的创建很炫的前台页面,最近在使用过程中发现dialog存在一个问题:  用户将dialog拖出页面后,dialog就不能拖下来了,除非要重新打开页面,这个问题对于用户体验来说是非常重要的, ...

    jQuery前端框架easyui使用Dialog时bug处理

    本文介绍了在jQuery前端框架easyui开发UI时,使用Dialog时发现遮罩无法覆盖页面内容,而且对话框也显示不出来,经过一番研究,才发现问题所在,这里分享给大家,有相同情况的小伙伴可以参考下

    jQuery dialog对话框插件点击弹出对话框代码

    jQuery dialog对话框插件点击弹出对话框代码 jQuery dialog对话框插件点击弹出对话框代码

    jquery-easyui-1.5.4.5

    jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...

    jQuery easyUI的教程

    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使用Dialog打印

    将Easyui的DataGrid内容放入Dialog中,打印该Dialog

    jQuery插件easyUI实现通过JS显示Dialog的方法

    本文实例分析了jQuery插件easyUI实现通过JS显示Dialog的方法。分享给大家供大家参考。具体如下: &lt;meta http-equiv=content-type content=text/html;charset=UTF-8 /&gt; &lt;title&gt;&lt;/title&gt; ...

Global site tag (gtag.js) - Google Analytics