EasyUI 异步树控件,只加载了根节点,无法加载子节点

问题如下,异步树只加载了根节点的数据 

 

<div>
	 <ul id="contentCategory" class="easyui-tree">  </ul>
</div>

加载树: 

$(function(){
	//在#contentCategory 所在的标签中创建一颗树
	$("#contentCategory").tree({
		url : '/content/category/list',
		animate: true,
		method : "GET"
	});
});

后端代码:

 

state:节点状态,'open' 或 'closed',默认:'open'。如果为'closed'的时候,将不自动展开该节点。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui treegrid 提供了节点延迟加载的功能,可以将节点数据分批加载,只有当用户展开该节点时,才会加载节点子节点。下面是使用节点延迟加载的示例代码: 1. 首先,在 easyui treegrid 的 data 属性中,需要为每个节点添加一个 "state" 属性,该属性的值为 "closed",表示该节点子节点加载。例如: ``` var data = [ { "id": 1, "text": "Node 1", "state": "closed" }, { "id": 2, "text": "Node 2", "state": "closed" } ]; ``` 2. 然后,在 easyui treegrid 的 onBeforeExpand 事件中,判断该节点是否已经加载子节点,如果未加载,则通过 AJAX 请求获取该节点子节点数据,并将数据添加到该节点下。例如: ``` $('#treegrid').treegrid({ url: 'get_data.php', idField: 'id', treeField: 'text', onBeforeExpand: function(row) { if (row.children == undefined) { $.ajax({ url: 'get_children.php?id=' + row.id, dataType: 'json', success: function(data) { $('#treegrid').treegrid('append', { parent: row.id, data: data }); row.children = data; } }); } }, columns: [...] }); ``` 在这个示例代码中,通过 AJAX 请求获取该节点子节点数据,并通过 treegrid 的 "append" 方法将数据添加到该节点下。同时,为了避免多次请求同一个节点子节点数据,需要将已经加载子节点数据保存在该节点的 "children" 属性中。 通过以上代码,你就可以实现 easyui treegrid 的节点延迟加载功能。当用户展开某个节点时,会自动请求该节点子节点数据,并将数据添加到该节点下,从而实现了分批加载数据的效果,提高了 easyui treegrid 的性能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值