jquery easyui easyui-treegrid 使用异步加载数据

jquery easyui easyui-treegrid 使用异步加载数据

jquery easyui easyui-treegrid 异步请求

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

2015年12月22日 11:46:02 星期二

http://fanshuyao.iteye.com/

<table id="select"  class="easyui-treegrid" style="width:100%;min-height:550px;height: 95%;"
data-options="
iconCls: 'icon-ok',
animate: false,
collapsible: false,
fitColumns: true,
singleSelect: true,
url: '${pageContext.request.contextPath}/backend/getOrgs.do?enableFlag=Y',
method: 'post',
idField: 'orgId',
treeField: 'orgName',
onBeforeExpand: function(row){
appendTree(row);
},
onClickRow: function(row){
getUsers();
}
">
<thead>
<tr>
<th field="orgName" width="150">组织名称</th>
<!-- <th field="orgShotName" width="100">组织简称</th> -->
</tr>
</thead>
</table>
function appendTree(row){
$.getJSON(basePath+'/backend/getOrgs.do?time='+decodeURI(''+new Date()), {
enableFlag: 'Y',
parentOrgId: row.orgId
}, function(json){
if(json.rows[0]){
var childrenNodes = $('#select').treegrid('getChildren',row.id);
for(var i=0; i<childrenNodes.length; i++){
var childrenNode = childrenNodes[i];
if($('#select').treegrid('find',childrenNode.id) != null){
$('#select').treegrid('remove',childrenNode.id);//移除
}
}
$('#select').treegrid('append',{
parent: row.orgId,
data: json.rows
});
}
});
};

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

2015年12月22日 11:46:02 星期二

http://fanshuyao.iteye.com/

上一篇:andorid service 本地服务


下一篇:向上滚动或者向下滚动分页异步加载数据(Ajax + lazyload)[上拉加载组件]