easyui汇总

easyUI属性汇总

属性分为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[不必需] 默认false 2)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：节点ID text:节点文本

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 生成一个表格。

数据表格视图（

DataGrid View）

用 $.fn.datagrid.defaults.view 重写了 defaults。

view 是一个对象，它告诉 datagrid 如何呈现行。这个对象必须定义下列方法。

名称

参数

说明

render target, container, frozen 当数据加载时调用。

target：DOM 对象，datagrid 对象。 container：行的容器。 frozen：表示是否呈现冻结容器。

renderFooter renderRow refreshRow onBeforeRender onAfterRender

事件

其事件扩展自 panel，下列是为 datagrid 增加的事件。

名称

参数

说明

target, container, frozen

target, fields, frozen, rowIndex, rowData target, rowIndex target, rows target

这是呈现行脚选项的函数。

这是选项的函数，将会被 render 函数调用。

定义如何刷新指定的行。

视图被呈现前触发。

视图被呈现后触发。

onLoadSuccess onLoadError

data none

当数据加载成功时触发。

加载远程数据发生某些错误时触发。

onBeforeLoad param

发送加载数据的请求前触发，如果返回 false加载动作就会取消。

当用户点击一行时触发，参数包括：

onClickRow rowIndex, rowData rowIndex：被点击行的索引，从 0 开始。 rowData：被点击行对应的记录。

当用户双击一行时触发，参数包括：

onDblClickRow rowIndex, rowData rowIndex：被双击行的索引，从 0 开始。 rowData：被双击行对应的记录。

onClickCell onDblClickCell

rowIndex, field, value rowIndex, field, value

当用户单击一个单元格时触发。

当用户双击一个单元格时触发。

当用户对一列进行排序时触发，参数包括：

onSortColumn sort, order sort：排序的列的字段名 order：排序的列的顺序

onResizeColumn field, width

当用户调整列的尺寸时触发。

当用户选中一行时触发，参数包括：

onSelect rowIndex, rowData rowIndex：选中行的索引，从 0 开始 rowData：选中行对应的记录

onUnselect rowIndex, rowData

当用户取消选择一行时触发，参数包括：