关闭

为jquery-easyui 树添加,删除,修改树的节点

标签: functionactionpathnull
6020人阅读 评论(0) 收藏 举报
分类:

为jquery-easyui 树添加,删除,修改树的节点,可能有人会说操作完成以后刷新一下不就可以了吗。这种做法是可以,但是如果你的数据有很多,超过几万条。操作完成后在刷新会很慢,效率不高。我们这里要讨论如何在不刷新的情况下外树添加,修改,删除节点。

首先在主页面添加几个方法:

   function removeRole(){
			var node = $("#tt22").tree("getSelected");
			$('#tt22').tree('remove', node.target);
		}
				
		function appendRole(leafText) {
			var root = $("#tt22").tree('getRoot');
		    $("#tt22").tree("append",{
		        parent: root.target,
		        data:     [{
		            "text":leafText
		        }]
			});
		}

		function updateRole(nodeText) {
			var node = $("#tt22").tree("getSelected");
			if(node) {
				node.text = nodeText;
				$("#tt22").tree("update", node);
			}
		}		


然后在操作的时候,比如我添加一个角色,在action中添加三个变量: name:角色名称 operate:对应的操作 role_id:角色Id

		request.setAttribute("roleName", roleName);
	         request.setAttribute("operate", operate);
		request.setAttribute("role_id", role_id);


 

然后在角色页面调用主页面定义的三个方法即可:

$(function() {
		var upd_flg = "${upd_flg}";
		var add_role_id = "${add_role_id}";
		var add_role_name = "${add_role_name}";
		if((upd_flg == null) || (upd_flg == "")) {
			return;
		}
		var leafText = "<a href=\"<%=path%>/admin/roleListOnload.do?role_id=";
		leafText = leafText + add_role_id;
		leafText = leafText + "\"";
		leafText = leafText + " target=\"content_frame\">";
		leafText = leafText + add_role_name;
		leafText = leafText + "</a>";
		if(upd_flg == "1") {
			//新增
			self.parent.appendRole(leafText);
			return;
		}
		if(upd_flg == "2") {
			//修改
			self.parent.updateRole(leafText);
			return;
		}
		if(upd_flg=="3"){
		//删除
		self.parent.removeRole();
			return;
		}		
	});	


 

0
3

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:112389次
    • 积分:1699
    • 等级:
    • 排名:千里之外
    • 原创:53篇
    • 转载:56篇
    • 译文:0篇
    • 评论:24条
    文章分类
    最新评论