jQuery EasyUI中文帮助手册

jQueryEasyUI中文帮助手册所有插件一、基本(Base)1、语法解析(parser)使用方法1.$.parser.parse();//解析所有的页面2.$.parser.parse('#cc');//解析特定的代码属性名称类型描述默认值$.parser.autoboolean（布尔型）定义是否自动解析easyui组件。true事件名称参数描述$.parser.onCompletecontext当语法解析结束时触发事件。方法名称参数描述$.parser.parsecontext解析easyui组件。2、简单载入器(easyloader)使用方法1.easyloader.base='../';//设置easyui根目录2.easyloader.load('messager',function(){//载入特定模块3.$.messager.alert('Title','loadok');4.});属性名称类型描述默认值modules（模块）object（对象）预定义模块。locales（多语言）object（预定义对象）预定义多语言。base（很目录）string（字符串）easyui根目录,必须以'/'结尾。easyui根目录将会被自动设置为相对于easyload.js的位置。theme（主题名称）string（字符串）'themes'目录中的主题的名称。defaultcss（层叠样式表）boolean（布尔型）定义是否在加载模块的同时加载css文件。truelocale（自定义语言）string（字符串）语言名称。nulltimeout（超时）number（数字）超时单位为毫秒，出现超时就触发。2000预定义语言afbgcacsdade（德语）en（英语）fr（法语）nlzh_CN（简体中文）zh_TW（繁体中文）事件名称参数描述onProgressname当一个模块成功载入时触发。onLoadname当一个模块及其所有依赖关系（可以理解为载入该模块所需要的其他模块、属性、方法等）载入时触发。方法名称参数描述loadmodule,callback载入特定的模块。当载入成功时将调用回调函数。有效的模块参数类型如下:单一的模块名称一个存储有模块名称的数组一个以'.css'结尾的样式文件一个以'.js'结尾的js文件3、一般拖动(draggable)使用$.fn.draggable.defaults重载默认值。使用方法1.divid=ddstyle=width:100px;height:100px;2.divid=titlestyle=background:#ccc;title/div3./div1.$('#dd').draggable({2.handle:'#title'3.});属性名称类型描述默认值proxy（替代）string,function拖动时的替代元素，当被设置为'clone'时，将使用该元素的一个复制元素来作为替代元素。如果指定了一个函数,它将返回一个jquery对象。nullrevert（复原）boolean（布尔型）如果设置为true,当拖动停止时元素将返回它的初始位置。falsecursor（指针）string（字符串）拖动时的CSS指针。movedeltaX（水平增量，X轴）number（数字）被拖动元素对应于当前指针的水平位置。nulldeltaY（垂直增量，y轴）number（数字）被拖动元素对应于当前指针的垂直位置。nullhandle（句柄）selector（选择器）开始拖动的句柄。nulldisabled（停止拖动）boolean（布尔型）当设置为true时停止拖动。falseedge（边缘）number（数字）可以在其中拖动的容器的宽度0axis（拖动轴）string（字符串）可用值为'v'或者'h',当设置为空时，元素可以同时在水平和垂直方法拖动。null事件名称参数描述onBeforeDrage在拖动之前触发，返回false将取消拖动。onStartDrage当目标对象开始被拖动时触发。onDrage在拖动过程中触发，当不能再拖动时返回false。onStopDrage当拖动停止时触发。方法名称参数描述optionsnone返回属性对象。proxynone如果替代元素被设置，返回将被用于拖动的替代元素。enablenone允许拖动。disablenone禁止拖动。4、拖动至容器(droppable)使用$.fn.droppable.defaults重载默认值。使用方法1.divid=ddstyle=width:100px;height:100px;/div1.$('#dd').droppable({2.accept:'#d1,#d3'3.});属性名称类型描述默认值acceptselector决定哪个可拖动元素将会被接收。null事件名称参数描述onDragEntere,source当可拖动元素被拖入目标容器的时候触发，参数source是被拖动的DOM元素。onDragOvere,source当可拖动元素被拖至某个元素之上的时候触发，参数source是被拖动的DOM元素。onDragLeavee,source当可拖动元素被拖离目标容器的时候触发，参数source是被拖动的DOM元素。onDrope,source当可拖动元素被拖入目标容器并放置的时候触发，参数source是被拖动的DOM元素。5、缩放(resizable)使用$.fn.resizable.defaults重载默认值。使用方法1.divid=rrstyle=width:100px;height:100px;border:1pxsolid#ccc;/div1.$('#rr').resizable({2.maxWidth:800,3.maxHeight:6004.});属性名称类型描述默认值disabled（禁止缩放）boolean（布尔型）如果设置为true将禁止缩放。falsehandles（句柄）string（字符串）说明缩放的方向，'n'表示向上（北）,'e'表示向右（东）等。n,e,s,w,ne,se,sw,nw,allminWidth（最小宽度）number（数字）缩放时所允许的最小宽度。10minHeight（最小高度）number（数字）缩放时所允许的最小高度。10maxWidth（最大宽度）number（数字）缩放时所允许的最大宽度。10000maxHeightnumber（数字）缩放时所允许的最大高度。10000edge（边界）number（数字）将被缩放的边框的边界。5事件名称参数描述onStartResizee当开始缩放时触发。onResizee在缩放过程中触发，当返回false时,DOM元素将不再缩放。onStopResizee当缩放停止是触发。6、分页(pagination)使用$.fn.pagination.defaults重载默认值。依赖关系链接按钮使用指南1.divid=ppstyle=background:#efefef;border:1pxsolid#ccc;/div1.$('#pp').pagination({2.total:2000,3.pageSize:104.});属性名称类型描述默认值total（总数）number（数字）总记录数，当创建分页时必须设置。1pageSize（每页记录数）number（数字）每页显示的记录数。10pageNumber（当前页码）number（数字）当分页创建完毕时显示当前页码。1pageList（可选择的每页记录数）array（数组）用户能够改变每页显示的记录数。[10,20,30,50]loading（是否正在载入）boolean（布尔型）定义数据是否正在载入。falsebuttons（按钮）array（数组）自定义按钮，每个按钮包含2个属性:iconCls：显示背景图片的CSS类handler：当按钮被点击时调用的一个句柄函数nullshowPageList（显示可选择的每页记录数）boolean（布尔型）定义是否显示可选择的每页记录数。trueshowRefresh（显示刷新）boolean（布尔型）定义是否显示刷新按钮。truebeforePageText（输入框之前的文本）string（字符串）在输入框之前显示的符号。PageafterPageText（输入框之后的文本）string（字符串）在输入框之后显示的符号。of{pages}displayMsg（显示信息）string（字符串）在插件右上方显示分页信息。Displaying{from}to{to}of{total}items事件名称参数描述onSelectPagepageNumber,pageSize当用户进行翻页时触发，回调函数包含2个参数:pageNumber：下一页的页码pageSize：下一页的显示记录数onBeforeRefreshpageNumber,pageSize刷新之前触发,返回false将取消刷新。onRefreshpageNumber,pageSize刷新之后触发。onChangePageSizepageSize当用户修改每页显示记录数时触发。方法名称参数描述optionsnone返回分页属性对象。loadingnone提醒分页插件正在载入。loadednone提醒分页插件已经载入。7、搜索框(searchbox)使用$.fn.searchbox.defaults重载默认值。依赖关系菜单按钮使用方法创建搜索框1.使用标签创建。对input标签引用'easyui-searchbox'类。1.scripttype=text/javascript2.functionqq(value,name){3.alert(value+:+name)4.}5./script6.inputid=ssclass=easyui-searchbox7.searcher=qq8.prompt=PleaseInputValuemenu=#mmstyle=width:300px/input9.divid=mmstyle=width:120px10.divname=alliconCls=icon-okAllNews/div11.divname=sportsSportsNews/div12./div2.使用脚本创建。1.inputid=ss/input2.divid=mmstyle=width:120px3.divname=alliconCls=icon-okAllNews/div4.divname=sportsSportsNews/div5./div6.$('#ss').searchbox({7.width:200,8.searcher:function(value,name){9.alert(value+,+name)10.},11.menu:'#mm',12.prompt:'PleaseInputValue'13.});属性名称类型描述默认值width（宽度）number（数字）设置组建的宽度。autopropmt（提醒）string（字符串）显示在搜索框的提醒信息。''value（值）string（字符串）搜索框的默认值。''menu（菜单）selector（选择器）搜索类型下拉菜单。nullsearcher（搜索器）function(value,name)当用户点击搜索按钮或者按下ENTER键的时候搜索函数将被调用。null方法名称参数描述optionsnone返回搜索框属性对象。menunone返回搜索类型菜单对象。textboxnone返回文本框对象。getValuenone返回当前搜索关键字。setValuevalue设置新的搜索关键字。getNamenone返回当前搜索类型。destroynone清除搜索框组件resizewi