EasyUI中文API帮助说明文档

jQueryEasyUI中文帮助说明文档API版本：1.2.4jQueryEasyUI框架帮助你轻松建立站点。easyui是一个基于jquery的集成了各种用户界面的插件。使用easyui你不需要写太多javascript代码，一般情况下你只需要使用一些html标记来定义用户接口。easyui非常简单，但是功能非常强大。基本语法解析使用方法1.$.parser.parse();//解析所有的页面2.$.parser.parse('#cc');//解析特定的代码属性名称类型描述默认值$.parser.autoboolean（布尔型）定义是否自动解析easyui组件。true事件名称参数描述$.parser.onCompletecontext当语法解析结束时触发事件。方法名称参数描述$.parser.parsecontext解析easyui组件。语法解析使用方法1.$.parser.parse();//解析所有的页面2.$.parser.parse('#cc');//解析特定的代码属性名称类型描述默认值$.parser.autoboolean（布尔型）定义是否自动解析easyui组件。true事件名称参数描述$.parser.onCompletecontext当语法解析结束时触发事件。方法名称参数描述$.parser.parsecontext解析easyui组件。可拖动使用$.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（水平number（数字）被拖动元素对应于当前指针的水平位置。null增量，X轴）deltaY（垂直增量，y轴）number（数字）被拖动元素对应于当前指针的垂直位置。nullhandle（句柄）selector（选择器）开始拖动的句柄。nulldisabled（停止拖动）boolean（布尔型）当设置为true时停止拖动。falseedge（边缘）number（数字）可以在其中拖动的容器的宽度0axis（拖动轴）string（字符串）可用值为'v'或者'h',当设置为空时，元素可以同时在水平和垂直方法拖动。null事件名称参数描述onBeforeDrage在拖动之前触发，返回false将取消拖动。onStartDrage当目标对象开始被拖动时触发。onDrage在拖动过程中触发，当不能再拖动时返回false。onStopDrage当拖动停止时触发。方法名称参数描述optionsnone返回属性对象。proxynone如果替代元素被设置，返回将被用于拖动的替代元素。enablenone允许拖动。disablenone禁止拖动。拖动至容器使用$.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元素。缩放使用$.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（数缩放时所允许的最小高度。10高度）字）maxWidth（最大宽度）number（数字）缩放时所允许的最大宽度。10000maxHeightnumber（数字）缩放时所允许的最大高度。10000edge（边界）number（数字）将被缩放的边框的边界。5事件名称参数描述onStartResizee当开始缩放时触发。onResizee在缩放过程中触发，当返回false时,DOM元素将不再缩放。onStopResizee当缩放停止是触发。分页使用$.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（数当分页创建完毕时显1字）示当前页码。pageList（可选择的每页记录数）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提醒分页插件已经载入。搜索框使用$.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清除搜索框组件resizewidth重置搜索框组建的宽度。进度条使用$.fn.progressbar.defaults重载默认值。依赖关系无使用方法创建进度条进度条组件可以通过html标签或脚本两种方法创建。使用html标签创建更容易，只需要对div标签引用'easyui-progressbar'类。1.divid=pclass=easyui-progressbarstyle=width:400px;/div获取/设置进度值为进度条获取当前进度值并且设置一个新的进度值。1.varvalue=$('#p').progressbar('getValue');2.if(value100){3.value+=Math.floor(Math.random()*10);4.$('#p').progressbar('setValue',value);5.}属性名称类型描述默认值width（宽度）string（字符串）设置进度条的宽度。autovalue（值）number（数字）当前进度，百分比数值。0text（文本）string（字符串）显示