jQuery EasyUI API 中文文档 - Dialog对话框
扩展自 $.fn.window.defaults,用 $.fn.dialog.defaults 重写了 defaults。
<div id="dd" title="My Dialog" style="width:400px;height:200px;">
Dialog Content.
</div>
$('#dd').dialog({
modal:true
});
特性
其特性扩展自 window,下列是为 dialog 重写的特性。
名称 |
类型 |
说明 |
默认值 |
title |
string |
对话框的标题文字。 |
New Dialog |
collapsible |
boolean |
定义是否显示折叠按钮。 |
false |
minimizable |
boolean |
定义是否显示最小化按钮。 |
false |
maximizable |
boolean |
定义是否显示最大化按钮。 |
false |
resizable |
boolean |
定义对话框能否调整尺寸。 |
false |
toolbar |
array |
对话框的顶部工具栏,每个工具的选项都与 linkbutton 一样。 |
null |
buttons |
array |
对话框的底部按钮,每个按钮的选项都与 linkbutton 一样。 |
null |
事件
其事件扩展自 window。
方法
其方法扩展自 window,下列是为 dialog 增加的方法。
名称 |
参数 |
说明 |
dialog |
none |
返回 dialog 对象。 |
相关推荐
-
jquery实现input框获取焦点的方法
获取表单焦点变色 //.login-form表单样式类 //.item input输入框父div // focus是要添加的样式类 $(".login-form").on("focus", "input", function(){ $(this).closest('.item').addClass('focus'); }).on("blur","input",function(){ $(this).clos
-
Jquery中dialog属性小记
复制代码 代码如下: $('#dialogDiv').dialog( { hide:true, //点击关闭是隐藏,如果不加这项,关闭弹窗后再点就会出错. autoOpen:false, height:380, width:800, modal:true, //蒙层(弹出会影响页面大小) title:'开标人', overlay: {opacity: 0.5, background: "black" ,overflow:'auto'}, buttons:{ '确定':function(
-
jquery dialog获取焦点的方法
本文实例讲述了jquery dialog获取焦点的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { //初始化新增申请对话框 $("#addBusinessTrip").dialog({ open: function (event, ui) { $(':input', '#addBusinessTripForm').not(':button, :submit, :reset, :hidden').val(''); $("#
-
浅析JQuery UI Dialog的样式设置问题
最近在用一个JQUERY UI Dialog的插件,感觉特别强大,但样式设置比较麻烦,研究了俩天终于搞定了. 运行插件,需要的环境如下 <script src="../../JS/jquery-1.4.2.js" type="text/javascript"></script> <script src="../JS/jquery.ui.js" type="text/javascript">&
-
jQuery Dialog 弹出层对话框插件
原理很简单,通过JS动态构建一个div层,将其插入到body中,然后通过调整position的CSS属性为absolute或fixed,使其脱离原来的文档流的位置.再通过适当的加工美化就成了. 复制代码 代码如下: <!-- 背景遮盖层 --> <div class="dialog-overlay"></div> <!-- 对话框 --> <div class="dialog"> <div class
-
JQuery Dialog(JS 模态窗口,可拖拽的DIV)
效果图 调用示意图 交互示意图 如上图所示,这基本是JQueryDialog的完整逻辑流程了. 1.用户点击模态窗口的"提交"按钮时,调用JQueryDialog.Ok()函数,这个函数对应了用户提交事件. 2.用OO的概念来说,JQueryDialog.Ok()其实是一个虚函数,它的逻辑封装在子窗口ContentWindow.Ok()中,这一点我借鉴了FCKEditor,如下代码所示: JS代码 复制代码 代码如下: var JQueryDialog = { /// <summ
-
jquery获取焦点和失去焦点事件代码
input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一劳永逸,遇到类似情况就来调用一下就OK 了 相关js代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content=&
-
JQUERY dialog的用法详细解析
今天用到了客户端的对话框,把 jQuery UI 中的对话框学习了一下. 准备 jQuery 环境 首先,我们创建一个按钮,点击这个按钮的时候,将会弹出一个对话框. <input type="button" value="删除" id="btn" /> 为了设置这个按钮点击的事件,需要准备 jQuery 的环境. <script type="text/javascript" src="scripts
-
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
在我们开发过程中特别是用户注册时会有一个效果,就是文本框获取焦点清空提示,如果用户没有输入信息失去焦点赋值上我们的提示语. <html> <head> <meta http-equiv="content-type"content="text/html; charset=UTF-8"/> <script src="http://127.0.0.1/jquery.js"></script>
-
jquery ui dialog实现弹窗特效的思路及代码
今天我们用jquery ui dialog来做一个弹窗特效.我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的...实现这一切,只要以下代码: 我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单...当然了,大家可以看到,我还有一个插入数据的功能,这个功能,我采用了jquery 的appendto: 我先通过变量获取值,接着建了
-
jQuery UI Dialog 创建友好的弹出对话框实现代码
主要参数 jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3.mod
-
用jquery中插件dialog实现弹框效果实例代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
随机推荐
- Linux下安装Oracle 11g出现prvf-0002错误解决办法
- 兼容Firefox的Javascript XSLT 处理XML文件
- 用js将long型数据转换成date型或datetime型的实例
- asp.net(C#)禁止缓存文件不让文件缓存到客户端
- php中in_array函数用法分析
- Laravel学习教程之本地化模块
- PHP 中英文混合排版中处理字符串常用的函数
- javascript的数组和常用函数详解
- 初识通用数据库操作类——前端easyui-datagrid,form(php)
- javascript原始值和对象引用实例分析
- jQuery中prev()方法用法实例
- jQuery学习笔记 操作jQuery对象 文档处理
- Jquery find与filter函数区别 说明
- 实用的JS表单验证提示效果
- JS实现仿苹果底部任务栏菜单效果代码
- C#中string用法实例详解
- Android中利用动态加载实现手机淘宝的节日特效
- 一个Activity中多个Fragment实现沉浸式状态栏的解决方法
- tensorflow学习笔记之简单的神经网络训练和测试
- JS在if中的强制类型转换方式