- 浏览: 451054 次
- 性别:
- 来自: 湖南
最新评论
-
okhaoba:
show log 后可以在change history lis ...
如何把修改过的文件通过svn导出 -
XDKS59:
博主 我是用ssm写的不知道后台该怎么写 能帮帮我吗
fullCalendar制作一款简单的日历日程 -
会飞的鸭子20125:
很有帮助,谢谢
struts1的bean标签库 -
zxjlwt:
学习了素人派http://surenpi.com
Velocity的基本用法 -
spring_springmvc:
如何在java Web项目中开发WebService接口,地址 ...
Webservice接口开发简单例子
Jquery UI dialog 参数详解
这个文档网上有很多,我也是从别人那里偷来的,嘻嘻^_^,我主要是方便自己以后难得去找,另外把自己整理的一个dialog实例附上,花了我两天时间才整理出来的,坑爹啊,这下好了,以后要用就可以直接copy了,放在这上面同时也为所有辛苦奋斗的程序猿们节约时间。
1 属性 1.11 autoOpen ,这个属性为true的时候dialog被调用的时候自动打开dialog窗口。当属性为false的时候,一开始隐藏窗口,知道.dialog("open")的时候才弹出dialog窗口。默认为:true。 1.12 初始化例:请注意,$('.selector')是dialog 的类名,在本例中.selector=#dialoag,以后不再说明。 $('.selector').dialog({ autoOpen: false }); 1.13 初始化后,得到和设置此属性例: //获得 var autoOpen = $('.selector').dialog('option', 'autoOpen'); //设置 $('.selector').dialog('option', 'autoOpen', false); 1.21 bgiframe 默认为false ,When true, the bgiframe plugin will be used, to fix the issue in IE6 where select boxes show on top of other elements, regardless of zIndex. Requires including the bgiframe plugin. Future versions may not require a separate plugin. 在IE6下,让后面那个灰屏盖住select。 1.22 初始化例: $('.selector').dialog({ bgiframe: true }); 1.23 初始化后,得到和设置: //获取 var bgiframe = $('.selector').dialog('option', 'bgiframe'); //设置 $('.selector').dialog('option', 'bgiframe', true); 1.31 buttons 显示一个按钮,并写上按钮的文本,设置按钮点击函数。默认为{},没有按钮。 最上面的例子中已经有buttons属性的用法,请注意。 1.32 初始化例: $('.selector').dialog({ buttons: { "Ok": function() { $(this).dialog("close"); } } }); 1.33 初始化后,得到和设置: //获取 var buttons = $('.selector').dialog('option', 'buttons'); //设置 $('.selector').dialog('option', 'buttons', { "Ok": function() { $(this).dialog("close"); } }); 1.41 closeOnEscape 为true的时候,点击键盘ESC键关闭dialog,默认为true; 1.42 初始化例: $('.selector').dialog({ closeOnEscape: false }); 1.43 初始化后,得到和设置: //获取 var closeOnEscape = $('.selector').dialog('option', 'closeOnEscape'); //设置 $('.selector').dialog('option', 'closeOnEscape', false); 1.51 dialogClass 类型将被添加到dialog,默认为空 1.52 初始化例: $('.selector').dialog({ dialogClass: 'alert' }); 1.53 初始化后,得到和设置: //获取 var dialogClass = $('.selector').dialog('option', 'dialogClass'); //设置 $('.selector').dialog('option', 'dialogClass', 'alert'); 1.61 draggable、resizable : draggable是否可以使用标题头进行拖动,默认为true,可以拖动;resizable是否可以改变dialog的大小,默认为true,可以改变大小。 1.62 初始化例: $('.selector').dialog({ draggable: false,resizable:false }); 1.63 初始化后,得到和设置: //获取 var draggable = $('.selector').dialog('option', 'draggable'); //设置 $('.selector').dialog('option', 'draggable', false); 1.71 width、height ,dialog的宽和高,默认为auto,自动。 1.72 初始化例: $('.selector').dialog({ height: 530,width:200 }); 1.73 初始化后,得到和设置:请参考1.63 1.81 maxWidth、maxHeight、minWidth、minHeight ,dialog可改变的最大宽度、最大高度、最小宽度、最小高度。maxWidth、maxHeight的默认为false,为不限。minWidth、minHeight的默认为150。要使用这些属性需要ui.resizable.js 的支持。 1.82 初始化例: $('.selector').dialog({ maxHeight: 400,maxWidth:600,minHeight:300,minWidth:300 }); 1.83 初始化后,得到和设置:请参考1.63 1.91 hide、show ,当dialog关闭和打开时候的效果。默认为null,无效果 1.92 初始化例:最上面的实例中用到,请自己看吧。 1.93 初始化后,得到和设置:请参考1.63 1.101 modal,是否使用模式窗口,模式窗口打开后,页面其他元素将不能点击,直到关闭模式窗口。默认为false不是模式窗口。 1.102 初始化例:$('.selector').dialog({ modal: true }); 1.103 初始化后,得到和设置:请参考1.63 1.111 title,dialog的标题文字,默认为空。 1.112 初始化例:见最上面的实例。1.113 初始化后,得到和设置:请参考1.63 1.121 position ,dialog的显示位置:可以是'center', 'left', 'right', 'top', 'bottom',也可以是top和left的偏移量也可以是一个字符串数组例如['right','top']。 1.122 初始化例:$('.selector').dialog({ position: ['top','right'] }); 1.123 初始化后,得到和设置:请参考1.63 1.131 zIndex, dialog的zindex值,默认值为1000. 1.132 初始化例:$('.selector').dialog({ zIndex: 3999 }); 1.133 初始化后,得到和设置:请参考1.63 1.141 stack 默认值为true,当dialog获得焦点是,dialog将在最上面。 1.142 初始化例:$('.selector').dialog({ stack: false }); 1.143 初始化后,得到和设置:请参考1.63 2 事件 2.11 beforeclose 类型dialogbeforeclose , 当dialog尝试关闭的时候此事件将被触发,如果返回false,那么关闭将被阻止。 2.12 初始化例:$('.selector').dialog({ beforeclose: function(event, ui) { ... } }); 2.13 使用类型绑定此事件例:$('.selector').bind('dialogbeforeclose', function(event, ui) { ... }); 2.21 close 类型:dialogclose ,当dialog被关闭后触发此事件。 2.22 初始化例:$('.selector').dialog({ close: function(event, ui) { ... } }); 2.23 使用类型绑定此事件例:$('.selector').bind('dialogclose', function(event, ui) { ... }); 2.3 open 类型:dialogopen ,当dialog打开时触发。(篇幅有限,该省略的就省略了啊,初始化例和使用类型绑定事件可以向上参考。) 2.4 focus 类型:dialogfocus ,当dialog获得焦点时触发。 2.5 dragStart 类型:dragStart,当dialog拖动开始时触发。 2.6 drag 类型:drag ,当dialog被拖动时触发。 2.7 dragStop 类型:dragStop ,当dialog拖动完成时触发。 2.8 resizeStart 类型:resizeStart ,当dialog开始改变窗体大小时触发。 2.9 resize 类型:resize,当dialog被改变大小时触发。 2.10 resizeStop 类型:resizeStop,当改变完大小时触发。 3 方法 3.1 destroy ,我喜欢这个哦,摧毁地球。。。 例:.dialog( 'destroy' ) 3.2 disable,dialog不可用,例:.dialog('disable'); 3.3 enable,dialog可用,例,如3.2 3.4 close,open,关闭、打开dialog 3.5 option ,设置和获取dialog属性,例如:.dialog( 'option' , optionName , [value] ) ,如果没有value,将是获取。 3.6 isOpen ,如果dialog打开则返回true,例如:.dialog('isOpen')
3.7 moveToTop ,将dialog移到最上层,例如:.dialog( 'moveToTop' )
- 官网上的实例jquery-ui-1.8.21.custom.zip (1.1 MB)
- 下载次数: 121
- jqueryUI-dialog-autocomplete.rar (132.7 KB)
- 下载次数: 76
发表评论
-
文件下载用ajax请求后没响应
2019-08-16 10:14 1017文件下载用ajax请求后没响应 // $.ajax ... -
使用easyui datagrid 遇到的那些问题
2019-08-09 16:00 696问题一: easyui datagrid列头可拖动, 引 ... -
css :before的用法
2019-04-19 18:14 711<style> ol>li { ... -
把json中的对象按从from到to的顺序排序
2015-08-12 10:46 1774<script> //把数据中的对象按从 ... -
js图片放大镜效果-类似淘宝放大镜
2014-03-31 15:31 1696<%@ page language="ja ... -
jquery的get异步请求函数中使用return不起作用
2014-03-27 16:27 1612jquery的get异步请求函数中使用return不起作用, ... -
ueditor的使用及常见问题
2014-03-27 00:01 139541、js错误:“wordCountMsg”对象为null ... -
改造之后的fullCalendar(改事件背景、标题自定义、无星期、左右按钮)
2013-07-02 15:31 34434这是一款改造后的fullCalendar,这个样式是应用了 ... -
fullCalendar制作一款简单的日历日程
2013-06-26 09:50 10381//说什么都没有例子直观,这是个比较简单的日历日程,附件为 ... -
jquery文件上传例子(两种方式)
2013-03-20 11:09 166736<html xmlns="http://ww ... -
js下拉级联例子
2013-03-19 18:05 1507<html xmlns="http://w ... -
js看书笔记
2013-01-07 11:55 1574JavaScript和DOM编程艺术 1、W3C标准:只要 ... -
struts1的logic标签库
2012-11-09 11:29 1268<logic:iterate> <lo ... -
struts1的bean标签库
2012-11-09 11:29 4552<bean:header> <bea ... -
JS 代码调试经验总结(菜鸟必读)
2012-07-10 15:59 1216JS 代码调试经验总结(菜鸟必读) ... -
jQuery UI Autocomplete
2012-07-05 10:33 1670jQuery UI Autocomplete主要支持字符串Ar ... -
单击查看放大图片js效果
2012-04-10 12:47 11754<%@ page language="java ... -
HTML5的常用标签
2012-03-27 17:02 1927以下为附件中的一些例子,只要在dreamweaver中编写就可 ... -
为表格中的某一行设置边框
2012-03-14 14:23 5008为表格中的某一行设置边框,主要是运用 style=" ... -
由上往下无间隙滚动文字
2012-03-06 16:46 1521由上往下无间隙滚动文字 <!DOCTYPE html ...
相关推荐
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
使用jQuery UI插件以拖动方式管理相册 第9章 使用browser对象获取浏览器信息 使用boxModel对象检测是否是W3C盒子模型 使用$.each()工具函数遍历数组 使用$.each()工具函数遍历ajaxSettings对象 使用$.grep()...
异步的增删改查DEMO, 其中应用了一些开发中常用的jquery插件,例如表格插件datatables, jquery ui插件用来处理一些常用的tab或者dialog, jquery validate用来进行异步的表单验证, 欢迎大家下载, 有问题请发送至邮箱...
PrimeUI使用JSON数据,并使用jQuery UI的WidgetFactory API提供Widget控件,作为jQuery插件。其代码开源,采用Apache许可证。 PrimeUI最终发布的控件列表包括: - InputText - InputTextarea - SelectOneMenu - ...
Easyui:jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,...
13.引入小巧灵活漂亮的artDialog模式框插件,替换了原来的jqueryui.dialog 14.访问凭密码访问的博客文章、文件时,输入的密码在url中明文显示 15.活动留言可以回复 16.添加活动回顾页面 17.可以对微博评论进行回复 ...
当Flash上传文件的时候,由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI,同时还提供上传状态和错误信息。 选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的,这就保证了...
简单的待办事项清单 Kamaleshwar为CodeChef制作的原型网络应用程序,2011年10月 安装 将所有文件上传到Web服务器 创建一个数据库(例如:todo) ...产品特点 ... UI(注册,登录,添加/删除/...带有jQDialog插件的jQuery PHP