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"; }
這樣異步加載和分頁就都沒問題了!
