treeGrid 详细参数
发布日期: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();

三、部分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, 

转载地址:https://blog.csdn.net/yucaifu1989/article/details/105586393 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:springcloud(十七):服务网关 Spring Cloud GateWay 熔断、限流、重试
下一篇:树形表格TreeGrid

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.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
如何打开git命令窗口_win10系统如何将右键菜单中“在此处打开powershell窗口”调整为“在此处打开命令窗口”?... 2019-04-21
rtsp 华为_华为多实例生成树RSTP配置详解 2019-04-21
ewb交通灯报告和文件_基于ewb平台的交通灯电路设计.doc 2019-04-21
mysql中$使用_在MySQL中使用序列的简单教程 2019-04-21
mysql alter auto increment_将MySQL列更改为AUTO_INCREMENT 2019-04-21
mysql+err+1067_MySQL 5.7 Invalid default value for 'CREATE_TIME'报错的解决方法 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
java string 日期格式_JAVA中String.format的用法 格式化字符串,格式化数字,日期时间格式化,... 2019-04-21
php显示json,使用 PHP 获取并解析 JSON 显示在页面中 2019-04-21