EasyUI中的treegrid异步加载子节点。
首先初始加载的时候treegrid只加载顶级的节点,定义idField和treeField,利用onBeforeExpand事件异步加载子节点数据。
data-options="url:'${ctx}/xxx/xxx.action?id=0',
onBeforeExpand:queryChild"
function queryChild(row) { $(this).treegrid("options").url=ctx+"/xxx/xxx.action?id="+row.id; }
但是这样在分布的时候会出现问题,因为改变了treegrid的url,所以需要在加载完子节点后将url改回来,所以需要在onLoadSuccess事件中重置URL
onLoadSuccess:resetUrl
function resetUrl(){ $(this).treegrid("options").url=ctx+"xxx/xxx.action?id=0"; }
这样异步加载和分页就都没问题了!
EasyUI TreeGrid 异步加载
本文介绍如何使用EasyUI TreeGrid实现异步加载子节点,并解决在加载过程中URL改变的问题,确保异步加载与分页功能正常运作。
1万+

被折叠的 条评论
为什么被折叠?



