目 录
1 Accordion（可折叠标签） ..................................................................................................... 3
1.1 实例 ........................................................................................................................... 3 1.2 参数 ........................................................................................................................... 4 2 DateBox（日期框） ................................................................................................................ 4
2.1 实例 ........................................................................................................................... 4 2.2 参数 ........................................................................................................................... 7 2.3 事件 ........................................................................................................................... 7 2.4 方法 ........................................................................................................................... 7 3 ComboBox(组合框) ................................................................................................................. 7
3.1 实例 ........................................................................................................................... 7 3.2 参数 ........................................................................................................................... 9 3.3 事件 ......................................................................................................................... 10 3.4 方法 ......................................................................................................................... 10 4 Dialog（对话框） ................................................................................................................. 10
4.1 实例 ......................................................................................................................... 10 4.2 参数 ......................................................................................................................... 12 4.3 事件 ......................................................................................................................... 13 4.4 方法 ......................................................................................................................... 13 5 Messager（提示框） ............................................................................................................ 13
5.1 实例 ......................................................................................................................... 13 5.2 方法 ......................................................................................................................... 16 5.3 扩展 ......................................................................................................................... 17 6 NumberBox（数字框） ........................................................................................................ 17
6.1 实例 ......................................................................................................................... 17 6.2 参数 ......................................................................................................................... 18 7 ValidateBox（验证框） ........................................................................................................ 18
7.1 实例 ......................................................................................................................... 18 7.2 参数 ......................................................................................................................... 20 7.3 方法 ......................................................................................................................... 20 7.4 扩展 ......................................................................................................................... 20 8 Pagination（分页） .............................................................................................................. 21
8.1 实例 ......................................................................................................................... 21 8.2 参数 ......................................................................................................................... 22 8.3 事件 ......................................................................................................................... 23 9 Window（窗口） .................................................................................................................. 23
9.1 实例 ......................................................................................................................... 23 9.2 参数 ......................................................................................................................... 26 9.3 事件 ......................................................................................................................... 26 9.4 方法 ......................................................................................................................... 26 10 Panel（面板） ....................................................................................................................... 26
10.1 实例 ......................................................................................................................... 26 10.2 参数 ......................................................................................................................... 28 10.3 事件 ......................................................................................................................... 29
1
jquery easyui学习文档
11
12
13
14
10.4 方法 ......................................................................................................................... 29 Tabs（标签） ........................................................................................................................ 30 11.1 实例 ......................................................................................................................... 30 11.2 参数 ......................................................................................................................... 32 11.3 事件 ......................................................................................................................... 32 11.4 方法 ......................................................................................................................... 33 11.5 标签面板属性 ......................................................................................................... 33 Tree（树） ............................................................................................................................. 33 12.1 实例 ......................................................................................................................... 33 12.2 参数 ......................................................................................................................... 36 12.3 事件 ......................................................................................................................... 37 12.4 方法 ......................................................................................................................... 37 Layout（布局） .................................................................................................................... 38 13.1 实例 ......................................................................................................................... 38 13.2 参数 ......................................................................................................................... 39 13.3 方法 ......................................................................................................................... 39 Datagrid（数据表） ............................................................................................................. 39 14.1 实例 ......................................................................................................................... 40 14.2 参数 ......................................................................................................................... 43 14.3 Column参数 .......................................................................................................... 44 14.4 事件 ......................................................................................................................... 45 14.5 方法 ......................................................................................................................... 46
2
jquery easyui学习文档
1 Accordion（可折叠标签）
1.1 实例 1.1.1 代码
Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.
1.1.2 效果图
3
jquery easyui学习文档
1.1.3 扩展
实例html代码中
此行也可写成
，并且将js代码全部去掉，效果图是一样的。
1.2 参数 1.2.1 容器参数
参数名称 参数类型 数字 数字 布尔 布尔 描述 可折叠标签的宽度。 可折叠标签的高度。 是否使可折叠标签自动缩放以适应父容器的大小，当为true时width和height参数将失效。 是否显示边界线。 默认值 width height fit border auto auto false true 1.2.2 面板参数
可折叠标签面板继承自面板（panel）,许多属性定义在
标签里，下面的属性就是如此：参数名称 selected
参数类型 布尔 描述 设置可折叠标签中默认展开的标签页 默认值 false 2 DateBox（日期框）
2.1 实例
2.1.1 代码
4
jquery easyui学习文档
href=\"../themes/default/easyui.css\">
2.1.2 效果图
6
jquery easyui学习文档
2.2 参数
属性名 currentText closeText disabled required formatter parser 类型 字符串 字符串 布尔 布尔 描述 为当前日期按钮显示的文本 关闭按钮显示的文本 如果为true则禁用输入框 定义输入框是否为必添 当输入框为空时提示的文本This file is request 默认值 Today Close false false —— —— missingMessage 字符串 function 格式化日期的函数，这个函数以’date’为参数，并且返回一个字符串 function 分析字符串的函数，这个函数以’date’为参数并返回一个日期 2.3 事件
事件名 onSelect 参数 date 描述 当选择一个日期时触发 2.4 方法
方法名 destroy disable enable 参数 none none none 描述 销毁组件 禁用输入框. 启用输入框 3 ComboBox(组合框)
3.1 实例
3.1.1 代码
href=\"../themes/default/easyui.css\">
Options:
combobox_data.json内容： [{ \"id\":1, \"text\":\"text1\" },{ \"id\":2, \"text\":\"text2\" },{ \"id\":3, \"text\":\"text3\ \"selected\":true },{ \"id\":4, \"text\":\"text4\" },{ \"id\":5, \"text\":\"text5\" }]
3.1.2 效果图
3.2 参数
9
jquery easyui学习文档
属性名 width listWidth listHeight valueField textField editable url 类型 数字 数字 数字 字符串 字符串 布尔 字符串 描述 组件的宽度 下拉列表的宽度 下拉列表的高度 基础数据值名称绑定到这个组合框 基础数据的字段的名称绑定到这个组合框 定义是否可以直接到文本域中键入文本 加载列表数据的远程URL 默认值 auto null null value text true null 3.3 事件
事件名 onLoadSuccess onLoadError onSelect onChange 参数 none none record newValue, oldValue 描述 当远程数据成功加载时触发 当远程数据加载失败时触发 当用户选择了一个列表项时触发 当文本域字段的值改变时触发 3.4 方法
方法名 select 参数 value 描述 选择下拉列表中的一项 setValue param 设定指定值到文本域，参数可以是一个字符串，也可以是一个Javascript对象，如果是对象，必须包含两个属性各对应valueField和TextField属性。 getValue none reload url 获取字段值 请求远程列表数据. 4 Dialog（对话框）
4.1 实例
4.1.1 代码
href=\"../themes/default/easyui.css\">
11
jquery easyui学习文档
dialog content.
dialog content.
dialog content.
dialog content.
dialog content.
dialog content.
dialog content.
dialog content.
4.1.2 效果图
4.2 参数
属性名 title collapsible minimizable maximizable resizable toolbar 类型 字符串 布尔 布尔 布尔 布尔 数组 描述 对话框的标题文本 定义是否显示可折叠按钮 定义是否显示最小化按钮 定义是否显示最大化按钮 定义对话框是否可编辑大小 对话框上的工具条，每个工具条包括: 默认值 New Dialog false false false false text, iconCls, disabled, handler etc. null text, buttons 数组 对话框底部的按钮，每个按钮包括: 12
jquery easyui学习文档
iconCls, handler etc. null 4.3 事件
Dialog的事件和窗口(Window)的事件相同。
4.4 方法
Dialog的函数方法和窗口(Window)的相同。
5 Messager（提示框）
5.1 实例
5.1.1 代码
href=\"../themes/default/easyui.css\">
5.1.2 效果图
15
jquery easyui学习文档
5.2 方法
方法名 $.messager.show 参数 options 描述 在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象： showType：定义如何将显示消息窗口。可用的值是：null,slide,fade,show。默认值是slide。 showSpeed：定义消息窗口完成的时间（以毫秒为单位）， 默认值600。 width：定义消息窗口的宽度。 默认值250。 height：定义消息窗口的高度。 默认值100。 msg：定义显示的消息文本。 title：定义显示在标题面板显示的标题文本。 timeout：如果定义为0，消息窗口将不会关闭，除非用户关闭它。如果定义为非0值，当超时后消息窗口将自动关闭。 $.messager.alert title, msg, 显示一个警告窗口。参数如下： icon, fn title：显示在标题面板的标题文本。 msg：提示框显示的消息文本。 icon：提示框显示的图标。可用的值是：error,question,info,warning. fn：当窗口关闭时触发的回调函数。 title, msg, 显示一个含有确定和取消按钮的确认消息窗口。参数如fn 下： title：显示在标题面板的标题文本。 msg：确认消息窗口显示的消息文本。 fn(b)：当用户点击按钮后触发的回调函数，如果点击OK则给回调函数传true,如果点击cancel则传false。 title, msg, 显示一个确定和取消按钮的信息提示窗口，提示用户输fn 入一些文本。参数如下： title：显示在标题面板的标题文本。 msg：提示窗口显示的消息文本。 fn(val)：用户点击按钮后的回调函，参数是用户输入的内容。 16
$.messager.confirm $.messager.prompt jquery easyui学习文档
5.3 扩展
可以通过$.messager.defaults方法自定义alert框的ok按钮和cancel按钮上显示的文字。 名字 ok cancel 类型 字符串 字符串 描述 Ok Cancel 默认值 按钮上的文本 按钮上的文本 Ok Cancel 6 NumberBox（数字框）
6.1 实例
6.1.1 代码
href=\"../themes/default/easyui.css\">
The Box can only input number.
17
jquery easyui学习文档
6.1.2 效果图
6.2 参数
选项名 min max precision 类型 数字 数字 数字 描述 文本框中可允许的最小值 文本框中可允许的最大值 最高可精确到小数点后几位 默认值 null null 0 7 ValidateBox（验证框）
7.1 实例
7.1.1 代码
href=\"../themes/default/easyui.css\">
| Name: | validType=\"length[1,3]\"> |
| Email: | invalidMessage=\"email格式错误\" validType=\"email\"> |
| URL: | validType=\"url\"> |
| testr: | invalidMessage=\"至少5个字符\"> |
| Note: |
19
jquery easyui学习文档
7.1.2 效果图
7.2 参数
属性名 required 类型 布尔 描述 定义文本域是否为必填项 定义字段的验证类型 当文本框为空时提示的文本信息 当文本框内容不合法时提示的文本信息 默认值 false url（匹配电子邮件正则表达式规则）, email（匹配URL正则表达式规则），length[0,100]（允许字符串长度的范围）etc.null This field is required. null validType 字符串 missingMessage 字符串 invalidMessage 字符串 7.3 方法
方法名 destroy validate isValid 参数 none none none 描述 删除并且销毁组件 做验证以确定文本框的内容是否是有效的。 调用验证方法并返回验证结果，true或者false 7.4 扩展
当然也可以自定义验证规则，重写$.fn.validatebox.defaults.rules 可以定义一个校验器的功能和无效的显示消息。例如，要定义一个minLength有效的类型： $.extend($.fn.validatebox.defaults.rules, { minLength: {
validator: function(value, param){
20
jquery easyui学习文档
return value.length >= param[0]; },
message: 'Please enter at least {0} characters.' }
});定义好以后我们就可以使用了，下面的代码表示输入的最小长度是5个字符：
8 Pagination（分页）
8.1 实例
8.1.1 代码
href=\"../themes/default/easyui.css\">
8.1.2 效果图
8.2 参数
属性名 类型 描述 默认值 22
jquery easyui学习文档
total pageSize pageNumber pageList loading 数字 数字 数字 数组 布尔 当分页建立时设置记录的总数量 每一页显示的数量 当分页建立时，显示的页数 用户可以修改每一页的大小，pageList属性定义了多少种大小可以改变. 定义数据是否正在加载 定义自定义按钮，每个按钮包含两个属性：iconCls: 显示背景图像的CSS类 handler: 当一个按钮被点击时的处理函数 定义是否显示页面列表 定义是否显示刷新按钮 1 10 1 [10,20,30,50] false buttons 数组 null showPageList showRefresh afterPageText displayMsg 布尔 布尔 true true Page Of {pages} Displaying {from} {to} of {total} items beforePageText 字符串 在输入框组件前显示的标签 字符串 在输入框组件后显示的标签 字符串 显示一个页面的信息。 8.3 事件
事件名 onSelectPage 参数 pageNumber, pageSize ageNumber, pageSize ageNumber, pageSize 描述 当用户选择一个新页时触发，回调函数包含两个参数：pageNumber: 新页面的页数pageSize: 新页面的大小 刷新按钮被点击之前触发，如果返回false则取消刷新操作 刷新以后触发 改变页面大小时触发 onBeforeRefresh onRefresh onChangePageSize ageSize
9 Window（窗口）
窗口的主要用法和面板（panel）用法差不多
9.1 实例
9.1.1 代码
\"http://www.w3.org/TR/html4/loose.dtd\">
23
jquery easyui学习文档
href=\"../themes/default/easyui.css\">
24
jquery easyui学习文档
jQuery EasyUI framework help you build your web page easily.
click here to popup another window.
9.1.2 效果图
25
jquery easyui学习文档
9.2 参数
大多数的属性和面板(panel)的属性是相同的，下面列出一些Window私有的属性： 属性名 zIndex draggable resizable shadow modal 属性名 title collapsible minimizable maximizable closable 类型 数字 布尔 布尔 布尔 布尔 描述 窗口的z-index属性，可以通过这个属性来增加 定义窗口是否可被拖动 定义窗口是否可以被改变大小 如果设置为true，窗口的阴影也将显示。 定义窗口是否是一个模式窗口。 描述 窗口的标题文本 定义是否显示可折叠定义按钮 定义是否显示最小化按钮 定义是否显示最大化按钮 定义是否显示关闭按钮 默认值 New Window true true true true 默认值 9000 true true true false Window也重写了Panel里的一些属性 类型 字符串 布尔 布尔 布尔 布尔 9.3 事件
Window的事件和面板(panel)的事件相同
9.4 方法
除了”header”和”body”以外，Window的函数方法和面板(panel)的相同
10 Panel（面板）
10.1 实例
10.1.1 代码
href=\"../themes/default/easyui.css\">
style=\"width: 500px; height: 150px; padding: 10px; background: closable=\"true\" #fafafa;\">
panel
panel
panel
panel
panel
panel
panel
panel
panel
panel
panel
panel
27
jquery easyui学习文档
10.1.2 效果图
10.2 参数
名字 title iconCls width height left top cls headerCls bodyCls style fit border doSize collapsible minimizable 类型 字符串 字符串 数字 数字 数字 数字 字符串 字符串 字符串 对象 布尔 布尔 布尔 布尔 布尔 描述 在面板头部显示的标题文本 一个CSS类来显示在面板中的16x16图标 设置面板的宽度 设置面板的高度 设置面板左侧位置 设置面板的顶部位置 给面板添加一个CSS类 给面板头部添加一个CSS类 给面板主体添加一个CSS类 给面板自定义样式 当设置为true，面板尺寸将适合它的父容器。 定义面板的边框 当设置为true，面板载创建的时候将被调整和重新布局 定义是否显示可折叠定义按钮 定义是否显示最小化按钮 28
默认值 null null auto auto null null null null null {} false true true false false jquery easyui学习文档
maximizable closable tools collapsed minimized maximized closed href 布尔 布尔 数组 布尔 布尔 布尔 布尔 字符串 定义是否显示最大化按钮 定义是否显示关闭按钮 false false 自定义工具，每个工具可以包含两个属性：iconCls and [] handler 定义在初始化的时候折叠面板 定义在初始化的时候最小化面板 定义在初始化的时候最大化面板 定义在初始化的时候关闭面板 一个远程的URL加载数据，然后显示在面板中 当加载远程数据时，在面板中显示的信息 false false false false null Loading… loadingMessage 字符串 10.3 事件
名字 onLoad onBeforeOpen onOpen onBeforeClose onClose onBeforeDestroy onDestroy onCollapse onBeforeExpand onExpand onResize onMove onMaximize onRestore onMinimize 参数 none none none none none none none none none none width, height left,top none none none 描述 当远程数据加载时触发 当面板打开之前触发 当面板打开之后触发 当面板关闭之前触发 当面板关闭之后触发 当面板销毁之前触发 当面板关闭之后触发 当面板折叠之前触发 当面板折叠之后触发 当面板展开之前触发 当面板展开之后触发 当面板调整大小之后触发width: 新的宽度;height: 新的高度 当面板移动之后触发left: 新的左侧位置top: 新的顶部位置 当窗口最大化的时候被触发 当窗口恢复到原来的大小时被触发 当窗口最小化的时候被触发 onBeforeCollpase none 10.4 方法
名字 panel header body 参数 none none none 描述 返回设置的属性值 返回面板对象 返回面板头部对象 返回面板主体对象 设置面板头部标题 29
options none setTitle title jquery easyui学习文档
open close forceOpen forceClose 当forceOpen设置为true，面板被打开的时候忽略onBeforeOpen回调函数 当forceClose设置为true，面板被关闭的时候忽略onBeforeClose回调函数 destroy forceDestroy 当forceDestroy设置为true，面板被销毁的时候忽略onBeforeDestroy回调函数 refresh none resize options 当设置了href值时，刷新面板来加载远程数据 设置面板的大小和布局，这些选项包含以下的属性：width: 新面板的宽度; height: 新面板的高度; left: 新面板的左侧位置; top: 新面板的顶部位置 移动面板到一个新的位置，这些选项包含以下属性: left: 新面板的左侧位置;top: 新面板的顶部位置 move options 11 Tabs（标签）
11.1 实例
11.1.1 代码
11.1.2 效果图
11.2 参数
参数名 width height idSeed plain fit border scrollDuration 参数 描述 数字 标签容器的宽度 数字 标签容器的高度 数字 The base id seed to generate tab panel’s DOM id attribute. 布尔 如果为ture标签没有背景图片 布尔 如果为ture则设置标签的大小以适应它的容器的父容器 布尔 如果为true则显示标签容器的边框 数字 每次滚动持续的毫秒数 默认值 auto auto 0 false false true 100 400 scrollIncrement 数字 滚动按钮每次被按下时滚动的像素值 11.3 事件
事件名 参数 描述 32
jquery easyui学习文档
onLoad arguments 当一个AJAX标签加载远程数据完成时被触发，参数和jQuery.ajax成功返回的回调函数相同 当用户选择一个标签面板时被触发 当用户关闭一个标签面板时被触发 onSelect title onClose title 11.4 方法
方法名 resize add close select exists 参数 none 描述 调整标签容器的大小和布局 options 添加新标签面板，可选参数是一个配置对象，详细信息可以查看下面的标签面板属性 title title title 关闭一个标签面板，标题参数表明被关闭的面板 选择一个标签面板 指示特定的标签是否存在 11.5 标签面板属性
属性名 id title content href cache icon 类型 字符串 字符串 字符串 字符串 布尔 字符串 描述 标签面板的ID属性 标签面板的文本标题 标签面板的主体内容 填充标签内容的远程URL地址 如果为true，当设置href时，对标签面板进行缓存 标签面板上标题的图标CSS类 如果为true，标签面板会显示出关闭按钮，点击可以关闭选项卡面板。 如果为true，标签标签面板将被选中 标签面板的宽度 标签面板的高度 默认值 null null true null false false auto auto closable 布尔 selected 布尔 width height
数字 数字 12 Tree（树）
12.1 实例
12.1.1 代码
href=\"../themes/default/easyui.css\">
33
jquery easyui学习文档
Create from HTML markup
35
jquery easyui学习文档
Create from JSON data
12.1.2 效果图
12.2 参数
36
jquery easyui学习文档
选项名 url animate checkbox
类型 字符串 布尔 布尔 描述 一个网址retrive远程数据。 当节点展开或折叠是否显示动画效果。 是否带复选框 默认值 null false False 12.3 事件
事件名 onClick 参数 node 描述 用户点击一个节点时触发。，该节点参数包含以下属性： id:节点ID text:节点的文本 attributes:节点自定义属性 target:点击DOM对象的目标 用户双击一个节点时触发，参数同onclick事件 加载数据成功时触发，参数arguments类似jQuery.ajax.的success函数 加载数据成功时触发，参数arguments类似jQuery.ajax.的error函数 onDblClick onLoadSuccess onLoadError node arguments arguments 12.4 方法
方法名 options loadData reload getRoot getRoots getParent getChildren getChecked getSelected isLeaf select collapse expand collapseAll expandAll append 参数 none data none none none target target none none target target target target none none param 描述 返回树的所有参数对象 加载树的数据 重新加载树的数据 返回树的root节点 返回树的所有root节点 返回某个节点的父节点 返回某个节点的孩子节点 获取被勾选的节点 获取选中的节点，并返回它，如果没有节点选择返回null。 判断某个节点是否叶子节点 选择一个节点，目标参数表明该节点的DOM对象。 折叠节点，目标参数表明该节点的DOM对象。 展开一个节点，目标参数表明该节点的DOM对象。 折叠所有节点 展开所有节点 一些子节点追加到父节点。参数有两个属性： parent: DOM对象，父节点追加。 data:数组，节点数据。 37
jquery easyui学习文档
toggle remove update target target param 绑定某个节点的展开或者折叠状态，使之不能再改变。 删除一个节点和它的子节点，目标参数表明该节点的DOM对象。 更新指定的节点，参数param包含如下属性： Target：目标节点； id,text,iconCls,checked,etc. 13 Layout（布局）
13.1 实例
此例最外层写在了body上，也可以写在某个div上。
13.1.1 代码
38
jquery easyui学习文档
13.1.2 效果图
13.2 参数
所有属性都必须定义在布局面板创建的
标记上。 名称 title 类型 字符串 描述 布局面板的标题文本 定义布局面板的位置，该值是下列之一: north, south, east, west, center. 如果为ture则显示布局面板的边框 如果为ture则显示分隔栏，用户可以用它来改变布局面板的大小 在面板头部显示图标的CSS 从远程地址加载数据的URL 默认值 null true false null null region 字符串 border 布尔 split icon href 布尔 字符串 字符串 13.3 方法方法名 panel collapse expand
参数 region region region 描述 返回某个方位的面板，参数region取值可以是：north,south,east,west,center 收缩某个方位的面板，参数region取值可以是：north,south,east,west 展开某个方位的面板，参数region取值可以是：north,south,east,west 14 Datagrid（数据表）
39
jquery easyui学习文档
14.1 实例
14.1.1 代码
href=\"../themes/default/easyui.css\">
42
jquery easyui学习文档
14.1.2 效果图
14.2 参数
Name title iconCls border width height columns Type 字符串 字符串 布尔 数字 数字 数组 Description 标题文字 一个css类，将提供一个背景图片作为标题图标 是否显示面板的边界。 表格的宽度 表格的高度 表格的列的配置对象，详见下面column属性介绍。 与columns属性相通，但这些列将固定在左侧，不得变动。 是否显示斑马线 远程数据的获取类型，可取值为post或get 是否在一行显示数据 Default null null true auto auto null frozenColumns striped method nowrap 数组 布尔 字符串 布尔 null false post true 43
jquery easyui学习文档
idField url loadMsg pagination rownumbers singleSelect fit pageNumber pageSize pageList queryParams sortName sortOrder editors 字符串 字符串 字符串 布尔 布尔 布尔 布尔 数字 数字 数组 对象 字符串 字符串 对象 指定哪些字段时标识字段 从远程请求数据的地址 当远程加载数据时，现实的等待信息提示 是否显示底部分页工具栏 是否显示行号列 是否允许只选择一行 是否允许表格自动缩放，以适应父容器 初始化页码 初始化页面大小 初始化页面大小选择清单 当请求远程数据时，发送的额外的参数 定义哪一列可以排序 定义列排序的方式，递增（asc）或递减（desc） 定义当编辑某行数据时的编辑器 null null Processing, wait … false false false false 1 10 [10,20,30,40,50] {} null asc predefined editors please 14.3 Column参数
Name title Type 字符串 字符串 数字 数字 数字 字符串 布尔 Description 列标题文字 Default undefined field width rowspan colspan align sortable 列字段名称 列宽度 该列占几行单元格 该列占几列单元格 数据对其方式，可选值有left,right,center 是否允许该列排序 undefined undefined undefined undefined undefined undefined 44
jquery easyui学习文档
checkbox 布尔 是否显示选择框 包含三个参数： value: the field value. rowData: the row record data rowIndex: the row index. Indicate the edit type. When string indicates the edit type, when object contains two properties: type: string, the edit type, possible type is: text,textarea,checkbox,numberbox,validatebox,datebox,combobox,combotree. options: object, the editor options corresponding to the edit type. undefined formatter 函数 undefined editor string,object undefined
14.4 事件
Name onLoadSuccess onLoadError onBeforeLoad Parameters data none data Description 远程数据加载成功时触发 远程数据加载失败时触发 请求发出去，加载数据前触发。如果返回false，加载数据动作则退出 当用户点击某行时触发, the parameters contains: rowIndex: the clicked row index, start with 0 rowData: the record corresponding to the clicked row 当用户双击某行时触发, the parameters contains: rowIndex: the clicked row index, start with 0 rowData: the record corresponding to the clicked row 当用户排序某列时触发, the parameters contains: sort: the sort column field name order: the sort column order 当用户选择某行时触发, the parameters contains: rowIndex: the selected row index, start with 0 rowData: the record corresponding to the selected row 当用户取消选择某行时触发, the parameters contains: onClickRow rowIndex, rowData onDblClickRow rowIndex, rowData onSortColumn sort, order onSelect rowIndex, rowData onUnselect rowIndex, rowData 45
jquery easyui学习文档
rowIndex: the unselected row index, start with 0 rowData: the record corresponding to the unselected row 当用户开始编辑某行时触发, the parameters contains: rowIndex: the editing row index, start with 0 rowData: the record corresponding to the editing row 当用户完成编辑某行时触发, the parameters contains: rowIndex: the editing row index, start with 0 rowData: the record corresponding to the editing row changes: the changed field/value pairs 当用户退出编辑某行时触发, the parameters contains: rowIndex: the editing row index, start with 0 rowData: the record corresponding to the editing row onBeforeEdit rowIndex, rowData onAfterEdit rowIndex, rowData, changes onCancelEdit rowIndex, rowData
14.5 方法
Name options getPager resize reload fixColumnSize loadData getData getRows getSelected getSelections clearSelections selectAll Parameter none none none param none param none none none none none none Description 返回所有参数的对象 返回分页对象 调整表格大小 重新加载行 固定列的大小 加载本地数据，旧行将被删除 返回已加载的数据 返回当前页的行数 返回第一次选择的行记录 返回所有选定行，如果没选择记录，则返回空数组 取消所有选择 选择当前页所有行 46
jquery easyui学习文档
selectRow selectRecord unselectRow beginEdit endEdit cancelEdit refreshRow appendRow deleteRow index idValue index index index index index row index 选择某行，行索引以0开始 通过id值选择一行 取消选择某行 开始编辑某行 结束编辑某行 退出编辑某行 刷新一行的数据 添加新行 删除一行 Get changed rows since the last commit. The type parameter indicate which type changed rows, possible value is: inserted,deleted,updated,etc. When the type parameter is not assigned, return all changed rows. Commits all the changes data since it was loaded or since the last time acceptChanges was called. Rolls back all the changes data since it was created, or since the last time acceptChanges was called. getChanges type acceptChanges none rejectChanges
none 47
因篇幅问题不能全部显示，请点此查看更多更全内容