easyui treegrid逐步加载

最新推荐文章于 2022-07-02 16:39:14 发布

原创最新推荐文章于 2022-07-02 16:39:14 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #ViewUI

jquery easyui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用Ajax逐步加载表格数据的方法。通过在官方网站上自行研究，实现了基于jQuery EasyUI的TreeGrid插件逐步加载功能。文章详细展示了如何通过设置URL、参数及响应处理来实现动态加载。

官方网站上没有ajax逐步加载的例子，自己研究了下

js代码

$("#bomStructureTable").treegrid({
	url : "systemcontroller?id=10007",//首次查询路径
	queryParams:{"bomid":"${bomid}"},//首次查询参数		
	columns : [ [{
		field : "name",
		title : "名称",
		width : 300
	} ] ],
	onBeforeExpand:function(row){
        //动态设置展开查询的url
		var url = "systemcontroller?id=10007&treeid="+row.treeid;
		$("#bomStructureTable").treegrid("options").url = url;
		return true;	
	}
});

说明：

生成的json对象中必须包含state属性值为“closed”/“open”,

closed：表示有子节点。

open：表示没有子节点。