easy ui 中动态TreeGrid的使用

红鳉鱼

于 2017-01-09 09:43:26 发布

阅读量3.2k

点赞数

文章标签： html

本文链接：https://blog.csdn.net/zhihaizhen/article/details/54286147

版权

本文介绍了如何在Easy UI中实现动态TreeGrid，包括HTML和JS部分的配置，如idField、parentField、treeField等参数的设置，以及在节点展开时动态加载子节点数据的方法。同时，提到了在数据加载完成后要恢复TreeGrid的原始URL以避免后续问题。

摘要由CSDN通过智能技术生成

一、html部分

二、js部分

$(function() {
//计算页面高度与宽度类似EXT风格
var pageWidth = $("#main_nav").width();
var pageHeight = getPageHeight() - $("#js_navDiv").height() - $("#current_pageDiv").height() - 38;
$('#listTable').treegrid({
idField:'code_',
parentField : 'parentCode_',
treeField:'name_',
title:'资产列表',
queryParams:{},
pageSize:10,
pageList:[5,10,15,20],
nowrap:false,
striped: true,
collapsible:true,
height:pageHeight,
width:pageWidth,
url:'<c:url value="/assetsbaseinfo.do?action=loadPageData&dt="/>' + new Date().getTime(),
loadMsg:'数据装载中......',
remoteSort:true,
//fitColumns:true,
frozenColumns:[[