treegrid是树形表格控件，集合了datagrid与tree的特点

1. 列表展示（带复选框）

$('#cancelTaskGrid').treegrid({url: baseDir + "/json/customTestManageData/getTestTaskInfo",queryParams:queryDatas,method: 'get',idField : 'testId',treeField : 'testName',parentField : 'parentId',nowrap:false,animate: true,maxHeight: 480,striped : false,        // 是否显示斑马线效果fitColumns : true,singleSelect : false,checkOnSelect : true,selectOnCheck : true,columns:[[ {title : 'testId',field : 'testId',checkbox : true,align : 'center',width : 60},{field : 'testName',title : '测试内容',align : 'left',width : '100%'} ,{field : 'type',title : '状态',align : 'left',width : '100%'} ] ],onClickRow:function(row){//console.log("row = " + JSON.stringify(row));},onClickCell:function(field,row){// console.log("field = " + field);// console.log("row = " + JSON.stringify(row));},onLoadSuccess : function(row,data) {// 加载成功之后，默认全部选择$('#cancelTaskGrid').treegrid('selectAll');// 加载成功之后，默认全部折叠$('#cancelTaskGrid').treegrid('collapseAll');}});

2. 常用api

1）获取treegrid的所有选中行

var rows = $('#cancelTaskGrid').treegrid("getSelections");

2）获取所有复选框的数据

var rowData = $("#changeGrid").datagrid('getChecked');

EasyUI框架04——treegrid相关推荐

EasyUI框架入门学习
为什么80%的码农都做不了架构师?>>> 前言新项目的开发前端技术打算采用EasyUI框架(基于EasyUI较为丰富的UI组件库),项目组长将前端EasyUI这块的任务分配给 ...
基于asp.net + easyui框架，一步步学习easyui-datagrid——界面（一）
从这篇博客,我会一步步的为大家讲解,easyui框架中最常用的一个控件datagrid.在使用easyui框架时,datagrid是使用最多的控件,它不仅好用,关键是实用. 我为大家建立一个博客更新的 ...
快速开发框架，及库存管理系统，基于easyui框架和C#语言MVC、EntityFrameWork、T4模板技术。...
快速开发框架,及库存管理系统,基于easyui框架和C#语言MVC.EntityFrameWork.T4模板技术. 产品界面如下图所示: 源码结构: 开放全部源码,如有需要请联系,QQ:1107141 ...
基于asp.net + easyui框架，js实现上传图片之前判断图片格式，同时实现预览，兼容各种浏览器+下载...
2019独角兽企业重金招聘Python工程师标准>>> 最近在做图片上传的一个前台页面,上传图片功能虽然很简单,但是需要我们学习的地方很多.在上传图片之前验证图片的格式,并同时实现预 ...
精通 WPF UI Virtualization （提升 OEA 框架中 TreeGrid 控件的性能）
精通 WPF UI Virtualization (提升 OEA 框架中 TreeGrid 控件的性能) 原文:精通 WPF UI Virtualization (提升 OEA 框架中 TreeGri ...
js高级jQuery框架easyUI框架
js高级与easyUI框架一.JavaScript高级 1.ajax请求 ajax:局部刷新技术使用场景:分页数据的刷新,二级联动,验证用户名是否重复,地图局部刷新核心对象: JavaScrip ...
php 可以编辑treegrid,浅谈EasyUI中编辑treegrid的方法
主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态. 复制代码代码如下: columns : [ [ { title : "ID", field : &quo ...
php 可以编辑treegrid,浅谈EasyUI中编辑treegrid的方法_jquery
主从表,从表是一个treegrid,加载完数据后,点击节点进入编辑状态. columns : [ [ { title : "ID", field : "id", ...
easyui框架下table，每行实现上下移动
easyui框架的控件功能做得很好,用得最多的是table,很多时候我们需要对每行的数据进行上下移动的排序,这里主要通过js函数来实现,请往下看. //上移 function danganconf_s ...
VUE cli3 搭建vue项目引入EasyUI框架，出现错误！！！You are using the runtime-only build of Vue where the template com
EasyUI框架是我本科时候后端开发的一个前端框架,用起来比较方便,缺点就是风格.颜色.主题不太行,但是现在济南的很所公司还用easyui开发呢!!本文主要在这里记录一下主要的配置情况,对程序员来说, ...

EasyUI框架04——treegrid

1. 列表展示（带复选框）

2. 常用api

EasyUI框架04——treegrid相关推荐

最新文章

热门文章