欢迎来到天天文库
浏览记录
ID:39969208
大小:655.56 KB
页数:21页
时间:2019-07-16
《jquery插件和easyuix》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、插件(Plug-in)是遵循一定接口规范编写的程序是原有系统平台功能的扩展和补充只能运行在规定的系统平台下,而不能单独运行查找插件和帮助(常用网址)jqueryui.comjQueryUI官方网站api.jqueryui.comjQueryUI官方网站提供的API文档plugins.jquery.comjQuery官方网站的插件库jQuery插件简介2-1jQuery插件是指基于jQuery脚本库开发出来的扩充函数库jQuery的官方插件叫做jQueryUIjQuery插件简介2-2使用jQuery插件获取jQuery插件将需要的jQ
2、uery插件及样式文件加入工程在页面引入jQuery插件及样式文件//在页面引入jQuery插件脚本库及样式文件/themes/base/jquery.ui.all.css">/js/jquery-1.8.3.js">3、t/javascript"src="<%=path%>/js/jquery-ui.js">注意引入的先后顺序常用jQueryUI插件常用jQueryUI插件dialog对话框插件tabs选项卡插件menu菜单插件autocomplete插件lazyload插件dialog插件2-1常用参数属性类型说明BooleanautoOpen属性设置该组件被调用时的打开状态。默认值为true,即打开对话框Objectbuttons或Arraybuttons属性显示一个按钮,可以设置该按钮的显示文本和点击函数Booleanmoda4、l属性设置组件是否使用模式窗口。默认为falseclose()方法执行关闭对话框操作open()方法执行打开对话框操作beforeClose(event,ui)事件当dialog尝试关闭时,此事件将被触发参数说明:event为事件对象,ui为当前插件对象close(event,ui)事件当dialog被关闭后,此事件将被触发open(event,ui)事件当dialog被打开后,此事件将被触发tabs插件3-1常用属性属性说明Booleancollapsible设置该组件的折叠状态。默认值为false,即不可折叠Booleanacti5、ve或Integeractive设置处于打开状态的选项卡。默认值为0,即默认打开第一个选项卡参数值说明:Boolean类型值:设置该参数值为false,所有选项卡将会被折叠。必须设置collapsible参数为trueInteger类型值:正整数表示下标从0开始的选项卡位置;负整数表示从最后一个开始倒数的选项卡位置Stringevent设置切换选项卡的触发事件。默认值为“click”,即点击选项卡时触发切换tabs插件3-2常用方法常用事件方法说明load(Stringindex)或load(Numberindex)重载一个Ajax选6、项卡的内容参数说明:index为要重载的选项卡下标option(Stringname)设置属性参数说明:name为要设置的属性名事件说明activate(event,ui)当选项卡被打开后,此事件将被触发beforeActivate(event,ui)当选项卡打开时,此事件将被触发beforeLoad(event,ui)当选项卡内容重载时,此事件将被触发menu插件2-1常用属性属性类型说明Objecticons属性设置该组件使用菜单图标Booleandisabled属性设置菜单不可用option(Stringname)方法获取指定选7、项的值expand([event])方法打开当前菜单项的子菜单focus(event,ui)事件当菜单获取焦点或任何菜单项被打开时,触发该事件autocomplete插件4-2语法常用属性$(selector).autocomplete([settings]);属性说明StringSource或ArraySource或functionSource(Objectreuqest,functionresponse(Objectdata))用于指定数据来源,类型为String、Array、functionString:用于Ajax请求的URL8、地址,返回Array(JSON格式)Array:即字符串数组或JSON数组function(request,response):通过request.term获得输入的值(term为默认参数名),response([Arr
3、t/javascript"src="<%=path%>/js/jquery-ui.js">注意引入的先后顺序常用jQueryUI插件常用jQueryUI插件dialog对话框插件tabs选项卡插件menu菜单插件autocomplete插件lazyload插件dialog插件2-1常用参数属性类型说明BooleanautoOpen属性设置该组件被调用时的打开状态。默认值为true,即打开对话框Objectbuttons或Arraybuttons属性显示一个按钮,可以设置该按钮的显示文本和点击函数Booleanmoda
4、l属性设置组件是否使用模式窗口。默认为falseclose()方法执行关闭对话框操作open()方法执行打开对话框操作beforeClose(event,ui)事件当dialog尝试关闭时,此事件将被触发参数说明:event为事件对象,ui为当前插件对象close(event,ui)事件当dialog被关闭后,此事件将被触发open(event,ui)事件当dialog被打开后,此事件将被触发tabs插件3-1常用属性属性说明Booleancollapsible设置该组件的折叠状态。默认值为false,即不可折叠Booleanacti
5、ve或Integeractive设置处于打开状态的选项卡。默认值为0,即默认打开第一个选项卡参数值说明:Boolean类型值:设置该参数值为false,所有选项卡将会被折叠。必须设置collapsible参数为trueInteger类型值:正整数表示下标从0开始的选项卡位置;负整数表示从最后一个开始倒数的选项卡位置Stringevent设置切换选项卡的触发事件。默认值为“click”,即点击选项卡时触发切换tabs插件3-2常用方法常用事件方法说明load(Stringindex)或load(Numberindex)重载一个Ajax选
6、项卡的内容参数说明:index为要重载的选项卡下标option(Stringname)设置属性参数说明:name为要设置的属性名事件说明activate(event,ui)当选项卡被打开后,此事件将被触发beforeActivate(event,ui)当选项卡打开时,此事件将被触发beforeLoad(event,ui)当选项卡内容重载时,此事件将被触发menu插件2-1常用属性属性类型说明Objecticons属性设置该组件使用菜单图标Booleandisabled属性设置菜单不可用option(Stringname)方法获取指定选
7、项的值expand([event])方法打开当前菜单项的子菜单focus(event,ui)事件当菜单获取焦点或任何菜单项被打开时,触发该事件autocomplete插件4-2语法常用属性$(selector).autocomplete([settings]);属性说明StringSource或ArraySource或functionSource(Objectreuqest,functionresponse(Objectdata))用于指定数据来源,类型为String、Array、functionString:用于Ajax请求的URL
8、地址,返回Array(JSON格式)Array:即字符串数组或JSON数组function(request,response):通过request.term获得输入的值(term为默认参数名),response([Arr
此文档下载收益归作者所有