treeGrid 详细参数
三、部分js // 动态加载查询 functiontestm(){ $.post('treegrid_data3.json',{id:123},function(data){ $('#tg').treegrid('loadData',data); },'json'); } //设置页面分页 functionpagerFilter(data){ //alert(data); if($.isArray(data)){ // is array data = { total: 5,//data.length,
发布日期:2021-09-18 00:51:51
浏览次数:6
分类:技术文章
本文共 2939 字,大约阅读时间需要 9 分钟。
treeGrid 详细参数
treeGrid 详细参数
一、html页面
<table id="tg" class="easyui-treegridprive-table" data-options="iconCls: 'icon-ok',rownumbers: true,animate:true,collapsible:true,fitColumns: true,url:'treegrid_data2.json',method: 'get', idField:'id',treeField: 'name',loadFilter: pagerFilter, pagination:true, pageSize: 2, onClickRow: clickTest,pageList: [2,5,10] "> <thead> <tr> <thdata-options="field:'name',width:20">TaskName</th> <thdata-options="field:'persons',width:20,align:'right'">Persons</th> <thdata-options="field:'begin',width:20">BeginDate</th> <thdata-options="field:'end',width:10">EndDate</th> <thdata-options="field:'progress',width:20,formatter:formatProgress">Progress</th> <thdata-options="field:'id',width:10,formatter:formatOptions">操作</th> </tr> </thead> </table> 二、参数说明其特性扩展自 datagrid,下列是为 treegrid 增加的特性。
名称 | 类型 | 说明 | 默认值 |
---|---|---|---|
treeField | string | 定义树节点的字段 | null |
animate | boolean | 定义当节点展开或折叠时是否显示动画效果 | false |
其事件扩展自 datagrid,下列是为 treegrid 增加的事件
名称 | 参数 | 说明 |
---|---|---|
onClickRow | row | 当用户点击一个节点时触发 |
onDblClickRow | row | 当用户双击一个节点时触发 |
onBeforeLoad | row, param | 发出一个加载数据的请求前触发,返回 false 就取消加载动作 |
onLoadSuccess | row, data | 当数据加载成功时触发 |
onLoadError | arguments | 当数据加载失败时触发, arguments 参数和 jQuery.ajax 的 'error' 方法一样 |
onBeforeExpand | row | 节点展开前触发,返回 false 就取消展开动作 |
onExpand | row | 节点展开前触发 |
onBeforeCollapse | row | 节点折叠前触发,返回 false 就取消折叠动作 |
onCollapse | row | 节点折叠前触发 |
onContextMenu | e,row | 当右键点击节点时触发 |
onBeforeEdit | row | 当用户开始编辑节点时触发 |
onAfterEdit | row,changes | 当用户完成编辑时触发 |
onCancelEdit | row | 当用户取消编辑节点时触发 |
方法
名称 | 参数 | 说明 |
---|---|---|
options | none | 返回 treegrid 的options |
resize | options | 设置 treegrid 的尺寸, options 参数包含两个特性: width: treegrid 的新宽度。 height: treegrid 的新高度 |
fixRowHeight | id | 适应指定行的高度 |
loadData | data | 加载 treegrid 的数据 |
reload | id | 重新加载 treegrid 的数据 |
reloadFooter | footer | 重新加载脚部数据 |
getData | none | 获取加载的数据 |
getFooterRows | none | 获取脚部数据 |
getRoot | none | 获取根节点,返回节点对象 |
getRoots | none | 获取根节点们,返回节点数据 |
getParent | id | 获取父节点 |
getChildren | id | 获取子节点们 |
getSelected | none | 获取选中的节点并返回它,如果没有选中节点就返回 null |
getSelections | none | 获取所有的选中节点们 |
getLevel | id | 获取指定节点的层级 |
find | id | 找到指定节点并返回此节点数据 |
select | id | 选择节点 |
unselect | id | 取消选择节点 |
selectAll | none | 选择全部节点 |
unselectAll | none | 取消选择全部节点 |
collapse | id | 折叠节点 |
expand | id | 展开节点 |
collapseAll | id | 折叠全部节点 |
expandAll | id | 展开全部节点 |
expandTo | id | 从根部展开一个指定的节点 |
toggle | id | 切换节点的展开/折叠状态 |
append | param | 追加节点们到父节点。 param 参数包含下列特性: parent:DOM 对象,追加到的父节点,如果没有分配,则追加为根节点。 data:数组,节点们的数据 |
remove | id | 移除节点和它的子节点们 |
refresh | id | 刷新指定的节点 |
endEdit | id | 结束编辑节点 |
beginEdit | id | 开始编辑节点 |
cancelEdit | id | 取消编辑节点 |
getEditors | id | 获取指定行的编辑器们。每个编辑器有下列特性: actions:编辑器可以做的动作们。 target:目标编辑器的 jQuery 对象。 field:字段名。 type:编辑器的类型 |
getEditor | options | 获取指定的编辑器, options 参数包含两个特性: id:行节点的 id。(注意:如不生效使用index:id,目前官网文档错误,虽然取id的值,但要用index属性) field:字段名 操作:var t = $('#tg'); var ed = t.treegrid('getEditor',{index:editingIndex,field:"name"}); var val=$(ed.target).val(); |
转载地址:https://blog.csdn.net/yucaifu1989/article/details/105586393 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过,博主的博客真漂亮。。
[***.116.15.85]2024年03月20日 23时46分57秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
mysql无法写数据库_求助,为何我的数据不能写入数据库
2019-04-21
ssh 两个mysql数据库_ssh连接两个数据库(转)
2019-04-21
mysql 双向链表_23张图!万字详解「链表」,从小白到大佬!
2019-04-21
mysql 常量命名规则_详解Java编程规约(命名风格、常量定义、代码格式)
2019-04-21
pomelo mysql_全文索引 - Pomelo.EFCore.MySql
2019-04-21
rtsp 华为_华为多实例生成树RSTP配置详解
2019-04-21
ewb交通灯报告和文件_基于ewb平台的交通灯电路设计.doc
2019-04-21
mysql中$使用_在MySQL中使用序列的简单教程
2019-04-21
程序中mysql添加用户_MySQL添加用户的两种方法
2019-04-21
简述mysql安装过程_mysql安装的过程
2019-04-21
后端接口重定向_不用再等后端的接口啦!这个开源项目花 2 分钟就能模拟出后端接口...
2019-04-21
学mysql需要英语水平多高_大学英语专业挂科率高吗
2019-04-21
mysql group by实现_SQL数据分析之 group by 的实现原理
2019-04-21
mysql数据库大小如何查看器_如何用SQL命令查看Mysql数据库大小
2019-04-21
python 红黑树_红黑树-Python实现 | 学步园
2019-04-21
php显示json,使用 PHP 获取并解析 JSON 显示在页面中
2019-04-21