`

对于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 datagrid demo

    解压后,我们可以将这些文件引入到项目中,从而在网页中使用 jQuery EasyUI 的所有功能。同时,这个压缩包可能还包含了示例页面,帮助我们直观地了解如何在实际项目中集成和使用这些组件。 `jquery_easyui_manual_...

    jqueryEasyUI

    **jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速...在实际项目中,熟练掌握 jQuery EasyUI 的使用技巧和 API,对于提升工作效率至关重要。

    jquery easyui 帮助文档

    这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南,对于开发者来说是极具价值的资源。 jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于数据网格(datagrid)、下拉菜单(combobox)、...

    jQuery EasyUI的api

    - **显示与隐藏**: `$(selector).pluginName('show')`和`$(selector).pluginName('hide')`用于显示或隐藏组件。 - **打开与关闭**: 对于可关闭的组件如`dialog`,`$(selector).dialog('open')`和`$(selector)....

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

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

    "jquery ui Dialog 添加最大最小化按钮控制"的主题涉及如何扩展jQuery UI Dialog的功能,使其具备最大化和最小化的操作,这对于创建更灵活且类似于桌面应用的网页交互体验至关重要。 jQuery UI Dialog组件默认情况...

    《jQuery EasyUI开发指南》书籍源码

    2. **数据绑定**:jQuery EasyUI支持通过JSON数据动态填充表格和其他组件,这在权限系统中非常重要,因为通常需要根据用户角色和权限动态显示或隐藏某些功能和数据。 3. **事件处理**:通过监听用户操作,如点击...

    jQuery EasyUI 1.5.1 版 API 中文版

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了一系列易于使用的组件,如对话框、表格、菜单、按钮等。版本 1.5.1 是一个重要的更新,它不仅包含了之前版本的所有功能,还进行了...

    jQuery EasyUI EasyUI 组件范例

    根据提供的文件信息,本文将详细解释与“jQuery EasyUI”相关的知识,特别是“EasyLoader”组件的使用方法及其在实际项目中的应用场景。 ### jQuery EasyUI简介 jQuery EasyUI 是一个基于 jQuery 的用户界面插件...

    ssm+jqueryeasyui案例

    SSM框架,全称为Spring、SpringMVC和MyBatis的集成框架,是Java Web开发中常用的一种技术栈。...同时,对于压缩包中的API中文文档,它将帮助开发者更好地理解和使用jQuery EasyUI的各种组件,提高开发效率。

    jQuery EasyUI 1.3 中文离线帮助手册

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单等,帮助开发者快速构建用户界面。这个1.3版本的中文离线帮助手册是为开发者提供详尽的文档和示例,便于在...

    jquery easyUI

    在 HTML 页面中引入 jQuery 和 jQuery EasyUI 的 JS、CSS 文件后,通过简单的 JavaScript 代码就可以创建和配置组件。例如,创建一个数据网格只需一行代码: ```html 数据网格" class="easyui-datagrid"&gt; ``` 然后...

    JqueryEasyUI1.4参考手册

    在 `JqueryEasyUI1.4参考手册.chm` 中,你将找到关于 jQuery EasyUI 1.4 版本的详尽指南。`.chm` 文件是一种微软编写的帮助文档格式,它包含索引、搜索功能和一系列主题,方便用户查找和学习。 **组件介绍** ...

    jQuery easyui 全套文件

    这个压缩包包含的是 jQuery EasyUI 的全套文件,包括 jQuery 库本身以及一系列的示例(demo),解压后可以直接在项目中使用。 jQuery 是一个轻量级的 JavaScript 库,它简化了 JavaScript 的 DOM 操作、事件处理、...

    jQuery EasyUI 1.3.3 源码

    jQuery EasyUI 1.3.3 是一个基于 jQuery 的轻量级前端开发框架,它提供了丰富的用户界面组件,如对话框、表格、菜单、表单等,极大地简化了Web应用程序的开发工作。这个源码包包含了未混淆的代码,使得开发者能够...

    李炎恢jQuery EasyUI视频教程

    - **案例1:登录表单**:利用jQuery EasyUI中的表单、按钮和对话框组件实现一个简单的登录界面。 - **案例2:商品列表页**:运用表格组件展示商品信息,并通过工具栏实现筛选和排序功能。 - **案例3:个人中心页面**...

    jQuery EasyUI 1.3.6 离线简体中文API文档CHM

    jQuery EasyUI 1.3.6 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和API,帮助开发者快速构建交互式、响应式的Web应用。这个离线简体中文API文档CHM文件是开发者的必备工具,尤其对于不熟悉英文文档的...

    jQueryEasyUI1.3.6版本

    在jQuery EasyUI 1.3.6中,主要包含以下核心知识点: 1. **组件库**:jQuery EasyUI 提供了多种UI组件,如对话框(Dialog)、表单(Form)、表格(Grid)、树形视图(Tree)、下拉菜单(Menu)等。这些组件都有完整...

    JQuery EasyUI 1.0.5 离线文档

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

Global site tag (gtag.js) - Google Analytics