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

来源：互联网发布：115会员淘宝在哪买编辑：程序博客网时间：2024/05/21 22:37

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