easyuidatagrid表格属性.docx
《easyuidatagrid表格属性.docx》由会员分享，可在线阅读，更多相关《easyuidatagrid表格属性.docx（8页珍藏版）》请在冰点文库上搜索。
easyuidatagrid表格属性
竭诚为您提供优质文档/双击可除
easy,ui,datagrid,表格属性
篇一：
jqueryeasyuidatagrid数据表格
jqueryeasyuidatagrid数据表格
数据表格-datagrid
内容
继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。
.
数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。
这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。
它是轻量级的，功能丰富的。
单元格合并，多列标题，冻结列和页脚是其功能只是一小部分。
依赖组件（dependencies）
布局-panel缩放-resizable链接按钮-linkbutton分页-pagination
使用方法（usageexample）
从现有的表单元素创建数据表格，定义在html中的行，列和数据。
通过标记创建的datagrid。
嵌套的标签定义的列的表。
使用javascript创建数据表格。
查询数据填充数据表格。
数据更改与服务器交互，刷新当前数据。
数据表格属性（datagridproperties）
属性继承控制面板，以下是数据表格独有的属性。
篇二：
jqueryeasyuidatagrid数据表格
jqueryeasyuidatagrid数据表格
扩展自$.fn.panel.defaults，用$.fn.datagrid.defaults重写了defaults。
依赖
panelresizablelinkbuttonpagination
用法
数据表格（datagrid）的特性
其特性扩展自panel，下列是为datagrid增加的特性。
列（column）的特性
datagrid的column是一个数组对象，它的每个元素也是一个数组。
数组元素的元素是一个配置对象，它定义了每个列的字段。
代码示例：
编辑器（editor）
用$.fn.datagrid.defaults.editors重写了defaults。
每个编辑器有下列行为：
例如，文本编辑器（texteditor）像下面这样定义：
数据表格视图（datagridView）
用$.fn.datagrid.defaults.view重写了defaults。
view是一个对象，它告诉datagrid如何呈现行。
这个对象必须定义下列方法。
事件
其事件扩展自panel，下列是为datagrid增加的事件。
篇三：
easyui属性汇总
jqueryeasyui属性汇总分类：
技术jqueryeasyui20xx-08-0815:
40231人阅读评论（0）收藏举报jqueryeasyui属性
找了个时间看了下easyui插件，对它的插件感觉是很舒服，特地把easyui的大部分功能属性做了一下汇总。
使用easyui的朋友可以收藏下。
此属性列表请对照jqueryeasyui1.0.5，关于它的更多资讯请猛击这里。
属性分为css片段和js片段。
css类定义：
1、diveasyui-window生成一个window窗口样式。
属性如下：
1）modal:
是否生成模态窗口。
true[是]false[否]
2）shadow:
是否显示窗口阴影。
true[显示]false[不显示]
2、diveasyui-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、aeasyui-linkbutton生成链接类型的按钮。
属性如下：
1）disabled:
当true时禁用该按钮。
默认false。
2）plain:
当true时显示一个普通效果。
默认false。
4、input/textareaeasyui-validatebox生成字段验证。
属性如下：
1）required:
true[必需]false[不必需]默认false
2）validtype:
a、length[a,b]字段长度控制在a至b之间。
b、email验证email。
c、url验证网络地址。
3）missingmessage：
当文本时出现空时弹出该工具提示，系统有默认[英文]，自定义可覆盖它。
4）invalidmessage：
当文本内容无效后弹出该工具提示，系统有默认[英文]，自定义可覆盖它。
5、uleasyui-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、tableeasyui-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,pleasewait…"。
自定义覆盖。
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开始。
rowdata:
点击行时对应的记录。
7）onunselect:
当用户取消选择某行时激活，参数包含:
rowindex:
点击的行索引，从0开始。
rowdata:
点击行时对应的记录。
方法如下：
1）options:
返回选择对象。
2）resize:
重调大小，生成布局。
3）reload:
重新加载数据。
4）fixcolumnsize:
固定列大小。
5）loaddata:
加载本地数据，过去的行会被删除。
6）getselected:
返回第一个选中行的记录，若未选返回null。
7）getselections:
返回选中的所有行，当没有选择记录时将返回空数组。
8）clearselections:
清除所有选项的选择状态。
9）selectRow:
选择一行，行索引从0开始。
10）selectRecord:
通过传递一个id值参数，选择一行。
11）unselectRow:
取消选择一行。
7、diveasyui-tabs生成一个tab容器。
属性如下：
1）width:
容器宽度，自动列宽。
2）height:
容器
高度，自动列高。
3）idseed:
该根id衍生成标签面板domid属性。
默认0
4）plain：
当true时，该tab渲染不使用容器背景图片。
默认false
5）fit:
当true时，设置该tab大小以适应它的父容器。
默认false
6）border:
当true时，显示该tab边框。
7）scrollincrement:
8）scrollduration:
事件如下：
1）onload:
当一个ajaxtab面板需要加载远程数据时激活。
该参数跟jquery.ajax的success函数效果相同。
2）onselect:
当用户选择一个tab面板时激活。
3）onclose:
当用户关闭一个tab面板时激活。
方法如下:
1）resize:
重绘该tab容器的布局。
升级会员 