关于动态加载datagrid url的问题

这个问题在网上搜了好久。

项目的要求是点击部门树上的节点，显示相应的员工列表

这是部门树列表

// 部门tree
$(function() {

	$("#tree").tree({
		url : "dept/showTree.shtml",
		onClick : function(node) {
			var stateVal = node.id;
			if ($('#tree').tree('isLeaf', node.target)) {// 判断是否是叶子节点
				// $("#dg").datagrid('load');
				// $("#dg").datagrid('reload',{queryParams:{"id":stateVal}});
				reloadgrid(stateVal);

			}
		}
	});
});

其中嵌入了一个重新加载url参数的函数

function reloadgrid(stateVal) {

	// 查询参数直接添加在url中

	var url = "user/getUserByDeptno.shtml"; // 重新赋值url 属性
	$('#dg').datagrid('options').url = url;
	// 查询参数直接添加在queryParams中
	var queryParams = $('#dg').datagrid('options').queryParams;
	queryParams.id = stateVal;
	$('#dg').datagrid('options').queryParams = queryParams;
	$("#dg").datagrid('reload');

}

这是datagrid的初始化函数

$(function() {
	$('#dg').datagrid({
		// url:"user/showUser.shtml",
		 url:"user/showPageUser.shtml",
		//url : "user/getUserByDeptno.shtml",

		columns : [ [ {
			field : 'ck',
			checkbox : "true"
		}, {
			field : 'id',
			title : '编号',
			align : 'center',
			width : 60
		}, {
			field : 'userName',
			title : '用户名',
			align : 'center',
			width : 60
		}, {
			field : 'age',
			title : '年龄',
			width : 60,
			align : 'center'
		}, {
			field : 'position',
			title : '职位',
			width : 60,
			align : 'center'
		}, {
			field : 'sex',
			title : '性别',
			width : 60,
			align : 'center'
		}, {
			field : 'deptno',
			title : '部门编号',
			width : 60,
			align : 'center'
		} ] ]
	});
	var p = $("#dg").datagrid("getPager");
	$(p).pagination({
		pageSize : 10,// 每页显示的记录条数，默认为10
		pageList : [ 5, 10, 15 ],// 可以设置每页记录条数的列表
		beforePageText : '第',// 页数文本框前显示的汉字
		afterPageText : '页    共 {pages} 页',
		displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录',

	});
});

datagrid首先按照默认参数加载，点击节点后就会加载相应参数、相应url

后台的action返回的是json数据