jquery easyui 中文帮助文档

Base基础Documentation文档Parser解析器EasyLoader加载器Draggable可拖拽Droppable可释放Resizable可调整尺寸Pagination分页SearchBox搜索框ProgressBar进度条Layout布局Panel面板Tabs标签页/选项卡Accordion手风琴Layout布局MenuandButton菜单和按钮Menu菜单LinkButton链接按钮MenuButton菜单按钮SplitButton拆分按钮Form表单Form表单ValidateBox验证框Combo组合ComboBox组合框ComboTree组合树ComboGrid组合表格NumberBox数字框DateBox日期框DateTimeBox日期时间框Calendar日历Spinner微调器NumberSpinner数值微调器TimeSpinner时间微调器Window窗口Window窗口Dialog对话框Messager消息框DataGridandTree数据表格和树DataGrid数据表格PropertyGrid属性表格Tree树TreeGrid树形表格Base基础Documentation文档每个easyui组件都有特性（property）、方法（method）和事件（event），用户可以很容易地扩展它们。特性特性在jQuery.fn.{plugin}.defaults里定义。例如，dialog的特性在jQuery.fn.dialog.defaults里定义。事件事件（回调函数）也在jQuery.fn.{plugin}.defaults里定义。方法方法在jQuery.fn.{plugin}.methods里定义。每个方法有两个参数：jq和param。第一个参数'jq'是必须的，它是指jQuery对象。第二个参数'param'是指传递给方法的真正的参数。例如，给dialog组件扩展一个名叫'mymove'的方法，代码看起来就像这样：1.$.extend($.fn.dialog.methods,{2.mymove:function(jq,newposition){3.returnjq.each(function(){4.$(this).dialog('move',newposition);5.});6.}7.});现在你可以调用'mymove'方法把dialog移动到一个指定的位置：1.$('#dd').dialog('mymove',{2.left:200,3.top:1004.});Parser解析器用法1.$.parser.parse();//解析整个页面2.$.parser.parse('#cc');//解析某个具体节点特性名称类型说明默认值$.parser.autoboolean定义是否自动解析easyui组件。true事件名称参数说明$.parser.onCompletecontext当解析器完成解析动作的时候触发。.方法名称参数说明$.parser.parsecontext解析easyui组件。EasyLoader加载器用法1.easyloader.base='../';//设置easyui的基本路径2.easyloader.load('messager',function(){//加载指定的模块3.$.messager.alert('Title','loadok');4.});特性名称类型说明默认值modulesobject预定义的模块。localesobject预定义的语言环境。basestringeasyui的基本路径，必须以'/'结尾。基本路径将被自动相对于easyload.js进行设置themestring定义在'themes'目录下的主题名称。defaultcssboolean定义当加载模块的时候是否加载css文件。truelocalestring语言环境名称。nulltimeoutnumber以毫秒为单位的超时值，如果超时发生就触发。2000定义的语言环境afbgcacsdadeenfrnlzh_CNzh_TW事件名称参数说明onProgressname当一个模块被成功加载的时候触发。onLoadname当一个模块和它的依赖被成功加载的时候触发。方法名称参数说明loadmodule,callback加载指定模块。当加载成功的时候一个回调函数将被调用。Module的有效类型是：单个module名称一个module数组用'.css'结尾的css文件用'.js'结尾的js文件Draggable可拖拽用$.fn.draggable.defaults重写默认的defaults。用法1.divid=ddstyle=width:100px;height:100px;2.divid=titlestyle=background:#ccc;title/div3./div1.$('#dd').draggable({2.handle:'#title'3.});特性名称类型说明默认值proxystring,function拖拽时要使用的代理元素，设置为’clone’时，克隆元素将被用作代理。如果指定一个函数，它必须返回一个jQuery对象。nullrevertboolean如果设为true，拖拽结束后元素将返回它的开始位置。falsecursorstring拖拽时的css光标（cursor）。movedeltaXnumber拖拽的元素相对于当前光标的位置的X。nulldeltaYnumber拖拽的元素相对于当前光标的位置的Y。nullhandleselector启动draggable的处理（handle）。nulldisabledboolean设为true就停止draggable。falseedgenumber能够在其中开始draggable.的拖拽宽度。0axisstring定义拖拽元素可在其上移动的轴，可用的值是'v'或'h'，当设为null，将会沿着'v'和'h'的方向移动。null事件名称参数说明onBeforeDrage拖拽前触发，返回false就取消拖拽。onStartDrage目标对象开始拖拽时触发。onDrage拖拽期间触发。返回false将不做真正的拖拽。onStopDrage拖拽停止时触发。方法名称参数描述optionsnone返回选项（options）属性（property）。proxynone如果设置了代理（proxy）属性就返回代理（proxy）。enablenone启用拖拽动作。.disablenone禁用拖拽动作。Droppable可释放用$.fn.droppable.defaults重写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元素。Droppable可释放用$.fn.droppable.defaults重写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元素。Resizable可调整尺寸用$.fn.resizable.defaults重写defaults。用法1.divid=rrstyle=width:100px;height:100px;border:1pxsolid#ccc;/div1.$('#rr').resizable({2.maxWidth:800,3.maxHeight:6004.});特性名称类型说明默认值disabledbooleantrue将禁止调整尺寸。falsehandlesstring指resizable的方向。'n'是北，'e'是东，等等。n,e,s,w,ne,se,sw,nw,allminWidthnumber调整尺寸时最小宽度。10minHeightnumber调整尺寸时最小高度。10maxWidthnumber调整尺寸时最大宽度。10000maxHeightnumber调整尺寸时最大高度。10000edgenumber被调整尺寸的边框的边缘。5事件名称参数说明onStartResizee开始调整尺寸时触发。onResizee调整尺寸期间触发。返回false时DOM元素将不进行真实的调整尺寸动作。onStopResizee停止调整尺寸时触发。Pagination分页用$.fn.pagination.defaults重写了defaults。依赖linkbutton用法1.divid=ppstyle=background:#efefef;border:1pxsolid#ccc;/div1.$('#pp').pagination({2.total:2000,3.pageSize:104.});特性名称类型说明默认值totalnumber记录总数，应该在创建pagination时设置。1pageSizenumber页面尺寸。（译者注：每页显示的最大记录数）10pageNumbernumber创建pagination时显示的页码。1pageListarray用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。[10,20,30,50]loadingboolean定义了是否数据正在加载。falsebuttonsarray定义了自定义按钮，每个按钮包含两个特性：iconCls：CSS类，它将显示一个背景图片handler：当按钮被点击时的处理函数。nullshowPageListboolean定义了是否显示页面列表。trueshowRefreshboolean定义了是否显示刷新按钮。truebeforePageTextstring在input组件之前显示label。PageafterPageTextstring在input组件之后显示label。of{pages}displayMsgstring显示页面信息。Displaying{from}to{to}of{total}items事件名称参数说明onSelectPagepageNumber,pageSize当用户选择新的页面时触发。回调函数包含两个参数：pageNumber：新的页码pageSize：新的页面尺寸onBeforeRefreshpageNumber,pageSize刷新按钮点击之前触发，返回false就取消刷新动作。onRefreshpageNumber,pageSize刷新之后触发。onChangePageSizepageSize当用户改变页面尺寸时触发。Methods方法名称参数说明optionsnone返回o