easyUI属性表12

找了个时间看了下EasyUI插件，对它的插件感觉是很舒服，特地把Easy UI的大部分功能属性做了一下汇总。

大家注意看…此属性列表请对照jQuery EasyUI 1.0.5属性分为CSS片段和JS片段。

CSS类定义：1、div easyui-window生成一个window窗口样式。

属性如下：1)modal:是否生成模态窗口。

true[是] false[否]2)shadow:是否显示窗口阴影。

true[显示] false[不显示]2、div easyui-panel 生成一个面板。

属性如下:1)title:该标题文本显示在面板头部。

2)iconCls:在面板上通过一个CSS类显示16x16图标。

3)width:设置面板宽度。

默认auto。

4)height:设置面板高度。

默认auto。

5)left:设置面板左边距。

6)top:设置面板顶部位置。

7)cls:在面板中增加一个Class类。

8)headerCls:在面板头部中增加一个Class类。

9)bodyCls:在面板内容中增加一个Class类。

10)style:在面板中增加一个指定样式。

11)fit:当True时设置该面板尺寸适合于它的父容器。

默认false。

12)border:当定义时显示面板边界。

默认true。

13)doSize:如果设置为True，该面板将重绘大小，并重建布局。

默认true。

14)collapsible:当定义时显示可折叠面板的按钮。

默认false。

15)minimizable:当定义时显示最小化面板的按钮。

默认false。

16)maximizable:当定义时显示最大化面板的按钮。

默认false。

17)closable:当定义时显示关闭面板的按钮。

默认false。

18)tools:自定义工具栏，每个工具都包含两个属性:iconCls、handler。

19)collapsed:当定义时该面板初始化时处于收缩状态。

默认false。

20)minimized:当定义时该面板初始化时处于最小化状态。

默认false。

21)maximized:当定义时该面板初始化时处于最大化状态。

默认false。

22)closed：当定义时该面板初始化时处于关闭状态。

默认false。

23)href:一个url，加载远程数据并显示在面板中。

24)loadingMessage:当加载远程数据时，在面板中显示一个消息。

默认Loading…事件如下:1)onLoad:当远程数据加载完毕后激活。

2)onBeforeOpen:当面板打开前激活。

3)onOpen:当面板打开后激活。

4)onBeforeClose:当面板关闭前激活。

5)onClose:当面板关闭后激活。

6)onBeforeDestroy:当面板销毁前激活。

7)onDestroy:当面板销毁后激活。

8)onBeforeCollpase:当面板收缩前激活。

9)onCollapse:当面板收缩后激活。

10)onBeforeExpand:当面板扩展前激活。

11)onExpand:当面板扩展后激活。

12)onResize:当面板重绘后激活。

width:新建的外部宽度height:新建的外部高度13)onMove:当面板移动后激活。

left:左侧新位置。

top:顶部新位置。

14)onMaximize:当窗口最大化后激活。

15)onRestore:当窗口恢复到原来大小时激活。

16)onMinimize:当窗口最小化后激活。

方法如下：1)options:返回options属性。

2)panel:返回面板对象。

3)header:返回面板头部对象。

4)body:返回面板主体对象。

5)setTitle:设置头部的标题文本。

6)open:当forceOpen参数设置为true时，面板打开时绕过onBeforeOpen回调函数。

7)close:当forceClose参数设置为true时，该面板关闭时绕过onBeforeClose回调函数。

8)destroy:当forceDestroy参数设置为true时该面板销毁时绕过onBeforeDestroy回调函数。

9)refresh:当href属性设置后刷新该面板以加载远程数据。

10)resize:设置面板的大小和布局。

该options对象包含以下属性:width：新的面板宽度。

height：新的面板高度。

left：新的面板左侧位置。

top：新的面板顶部位置。

11)move:移动面板到一个新的位置。

该options对象包含以下属性：left：新的面板左侧位置。

top：新的面板顶部位置。

3、a easyui-linkbutton 生成链接类型的按钮。

属性如下：1)disabled:当True时禁用该按钮。

默认false。

2)plain:当True时显示一个普通效果。

默认false。

4、input/textarea easyui-validatebox生成字段验证。

属性如下：1)required:true[必需] false[不必需] 默认false2)validType:a、length[a,b] 字段长度控制在a至b之间。

b、email 验证Email。

c、url 验证网络地址。

3)missingMessage：当文本时出现空时弹出该工具提示，系统有默认[英文]，自定义可覆盖它。

4)invalidMessage：当文本内容无效后弹出该工具提示，系统有默认[英文]，自定义可覆盖它。

5、ul easyui-tree 生成一个树形结构。

属性如下：1)url:一个获取远程数据的地址。

2)animate:当展开或折叠节点时是否定义动画效果。

true[是] false[否] 默认false节点属性如下：1)text:节点的显示文本。

2)id:节点ID，对于加载远程数据时非常重要。

3)state:节点状态，'open'或'closed'，默认为'open'。

当设置为'关闭'，该节点包含子节点，并将远程站点加载它们(并非触发再加载)。

4)attributes:为节点添加自定义属性。

5)children:以数组节点的方式定义一些字节点。

事件如下：1)onClick:当用户点击一个节点时激活，该节点参数包含如下属性：id：节点IDtext:节点文本attributes:节点自定义属性。

target:目标点击的DOM对象。

2)onLoadSuccess:当数据成功加载数据时激活，该参数跟jQuery.ajax的'success'函数效果相同。

3)onLoadError:当数据加载数据失败时激活，该参数跟jQuery.ajax的'error'函数效果相同。

方法如下:1)reload:重新加载树数据。

2)getSelected:获取选中的节点并返回它，如果没有选择节点将返回null。

3)collapse:折叠一个节点，该目标参数是该节点的DOM对象。

4)expand:展开一个节点，该目标参数是该节点的DOM对象。

5)append:在一个父节点追加一些子节点。

param有两个属性：parent:DOM对象，把它作为父节点追加(它们)。

data:array，或者节点数据。

6)remove:删除它以及它以下的子节点，该目标参数是该节点的DOM对象。

6、table easyui-datagrid 生成一个表格。

属性如下：1)title:该DataGrid面板的标题文本。

2)iconCls:一个CSS类，将提供一个背景图片作为标题图标。

3)border：当true时，显示该datagrid面板的边框。

4)width:面板宽度，自动列宽。

5)height:面板高度，自动列高。

6)columns:该DataGrid列配置对象，查看column属性可获取更多信息。

7)frozenColumns:跟Columns属性相同，但是这些列将会被固定在左边。

8)striped:当true时，单元格显示条纹。

默认false。

9)method:通过该方法类型请求远程数据。

默认post。

10)nowrap:当true时，显示数据在同一行上。

默认true。

11)idField:说明哪个字段是一个标识字段。

12)url:一个URL，从远程站点获取数据。

13)loadMsg:当从远程站点加载数据时，显示一个提示信息。

默认"Processing,please wait …"。

自定义覆盖。

14)pagination:当true时在DataGrid底部显示一个分页工具栏。

默认false。

15)rownumbers:当true时显示行号。

默认false。

16)singleSelect:当true时只允许当前选择一行。

默认false。

17)fit:当true时，设置大小以适应它的父容器。

默认false。

18)pageNumber:当设置分页属性时，初始化的页码编号。

默认从1开始19)pageSize:当设置分页属性是，初始化的页面大小。

默认10行20)pageList:当设置分页属性时，初始化页面的大小选择清单。

默认[10,20,30,40,50]21)queryParams:当请求远程数据时，也可以发送额外的参数。

22)sortName:定义哪列可以排序。

23)sortOrder:定义列的排列顺序，只能是'asc'或'desc'。

默认asc。

Column属性如下：1)title:该列标题文本。

2)field:该列对应的字段名称。

3)width：列宽。

4)rowspan:说明该单元格需要多少行数。

5)colspan:说明该单元格需要多少列数。

6)align:说明Column数据的对齐方式。

'left'，'right'，'center' 都可以使用。

7)sortable:当true时，允许该列进行排序。

8)checkbox:当true时，允许该列出现checkbox。

事件如下：1)onLoadSuccess:当远程数据加载成功是激活。

2)onLoadError:当远程数据加载发现一些错误时激活。

3)onClickRow:当用户点击某行时激活，参数包含：rowIndex: 点击的行索引，从0开始。

rowData: 点击行时对应的记录。

4)onDblClickRow:当用户双击某行时激活，参数包含：rowIndex: 点击的行索引，从0开始。

rowData: 点击行时对应的记录。

5)onSortColumn:当用户对某列排序时激活，参数包含：sort:排序字段名称。

order:排序字段类型。

6)onSelect:当用户选择某行时激活，参数包含:rowIndex: 点击的行索引，从0开始。