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

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

jquery easyui easyui-treegrid 异步请求

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

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

<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 星期二