文档章节

easyUI-Dialog(对话框窗口)

Clover286
 Clover286
发布于 2017/05/03 23:43
字数 273
阅读 98
收藏 0

一.使用场景:

    像添加操作,需要表单数据录入的情况。并且,录入表单在默认的情况下面是隐藏的。在点击“添加”的时候,弹出对话框,来进行录入。

二.基本属性

1.modal

   当modal属性值为true时,弹出对话框后,对话框的底层是不可以进行操作的。

三.使用

3.1 HTML

<div id="dd">Dialog Content.</div>  

3.2 JS

将弹框绑定在id为add的按钮上


$("#add").click(function () {
    $('#dlg').dialog({
        title: '增加用户',
        width: 400,
        height: 200,
        closed: false,
        cache: false,
        modal: true
    });
})

3.3 注意

弹框里面的内容一般比较少,常见于数据录入,即里面会是一个表单,弹框里面的内容可以通过js定义时用href导入(href: 'get_content.php'详情见文档),但是一般可以直接把表单写到初始化的HTML里面(即3.1),如果这样做就必须给<div id="dd"></div>  加隐藏的样式

style="display: none;"

否则里面的内容会直接暴露出来,即使设置了 closed: false,(弹框默认隐藏)。

© 著作权归作者所有

Clover286
粉丝 10
博文 211
码字总数 66809
作品 0
武汉
程序员
私信 提问
easyui dialog自定义可拖曳

看到标题的朋友一定会觉得本人很奇怪,easyui的dialog不是自带可拖曳的属性吗。是的,dialog继承了Window的一个属性draggable,设为true之后,窗口便可以拖曳。事实是,一,easyui的draggab...

MissGu
2015/04/12
3.2K
0
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.2K
3
jQuery EasyUI 1.3.1 发布

jQuery easyui 为网页开发提供了一堆的常用UI组件,包括菜单、对话框、布局、窗帘、表格、表单等等逐渐, 下图是一个具有布局效果的窗口: jQuery EasyUI 1.3.1 发布,详细改进记录包括: Bu...

夏悸
2012/09/11
7.6K
15
easyui的datagrid中对记录修改,修改后如何显示在前台??

获取修改的记录,修改后按确定后触发editUser(): function editUser(){ var row = $('#dg').datagrid('getSelected'); if (row){ $('#bian').dialog('open').dialog('setTitle','编辑账户'......

你我共享世界美好
2014/05/12
2.6K
2
jQuery easyui官方文档翻译 - 基础总览

jQuery easyui官方文档翻译web版:http://easydoc.cloudfoundry.com/doc/easyui/1.2.5/ Documentation Each component of easyui has properties, methods and events. Users can extend the......

noday
2012/03/26
778
0

没有更多内容

加载失败,请刷新页面

加载更多

堆”和“栈

C++作为一款C语言的升级版本,具有非常强大的功能。它不但能够支持各种程序设计风格,而且还具有C语言的所有功能。我们在这里为大家介绍的是其中一个比较重要的内容,C++内存区域的基本介绍。...

SibylY
35分钟前
3
0
总结:Https

一、介绍 简单理解,https即在http协议的基础上,增加了SSL协议,保障数据传输的安全性。 它由以前的http—–>tcp,改为http——>SSL—–>tcp;https采用了共享密钥加密+公开密钥加密的方式 ...

浮躁的码农
37分钟前
4
0
数据库表与表之间的一对一、一对多、多对多关系

表1 foreign key 表2 多对一:表 1 的多条记录对应表 2 的一条记录 利用foreign key的原理我们可以制作两张表的多对多,一对一关系 多对多: 表1的多条记录可以对应表2的一条记录 表2的多条记...

Garphy
今天
7
0
MySQL 表崩溃修复

MySQL日志报错 2019-10-19 13:41:51 19916 [ERROR] /usr/local/mysql/bin/mysqld: Table './initread_hss/user_info' is marked as crashed and should be repaired2019-10-19 13:41:51 1......

雁南飞丶
今天
6
0
Error和Exception

1.Error类和Exception类都是继承Throwable类 2.Error(错误)是系统中的错误,程序员是不能改变的和处理的,是在程序编译时出现的错误,只能通过修改程序才能修正。一般是指与虚拟机相关的问...

大瑞清_liurq
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部