jQuery EasyUI treegrid异步加载数据

  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";
}

这样异步加载和分页就都没问题了!

posted on 2015-12-11 14:49  我才是龙哥  阅读(3116)  评论(0)    收藏  举报

导航