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"; }
这样异步加载和分页就都没问题了!