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

原创 2012年03月23日 16:37:42

为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;
		}		
	});	


 

相关文章推荐

EasyUI tree菜单添加、删除、保存

效果图: html代码: /easyui/themes/default/easyui.css"> /easyui/themes/icon.css"> /ea...

Easyui Tree对节点进行,添加,修改,删除操作

$(function(){ $("#contentCategory").tree({ url : '/content/category/list', anim...
  • Easzz
  • Easzz
  • 2016年12月13日 14:36
  • 74411

Easyui tree 节点的增删改以及同后台交互

初试easyui,功能挺强大,但是研究了一下,逐渐攻克easyui的各个模块,今天主要是关于easyui tree的一些使用主要包括四方面,初始化加载tree(当然这里使用初始化tree数据并不是页面...

easyui tree/TreeGrid使用:逐级加载、指定节点刷新、全部展开

1、逐级加载:逐级加载对于数据量比较大的tree,逐级加载可以有效的缓解服务器压力,提升用户体验。逐级加载发送的请求参数:当前节点id,该参数是客户端自动发送的;接收的响应数据:通过当前节点id,查询...

easyui 整棵树的刷新

node=$(window.top.document).find("#corp-tree").tree('find',parentId); $(window.top.documen...

Jquery easyui combotree清除选中扩展

Jquery easyui combotree这个控件一旦选择了就不能清空选择 于是想办法如何能清空选择. 有一个比较简单的解决方案如下: 在后台拼接json数据的时候,在拼接好的数据最后加一个选项...

TreeView 添加,删除,更改 节点

我做的节点添加可能只是符合我的要求,并不一定适合所有的人。我的树是从数据库中查询,然后自己递归添加的。当我给树添加节点的时候,如果重新绑定数据库的话,会造成树的节点收缩,开始我的解决办法就是保存上次点...

EasyUI 增删改查完全详细

本实例使用EasyUI编写,涵盖eaui的各种元素的创建,验证限制,事件,ajax等

jQuery EasyUI Tree 增删改 编辑结点名称自动全选文本域

Tree - jQuery EasyUI Demo $(function(){ var oldnodename =""; $('#tree').tree({ ...

easyUi combotree 实现动态加载树节点

easyUi combotree 实现动态加载树节点 所属机构: function initUserGroup() {         $('#cc').combotree(          ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为jquery-easyui 树添加,删除,修改树的节点
举报原因:
原因补充:

(最多只允许输入30个字)