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/