企业官网建设流程全解析

网站建设使用的什么软件有哪些,注册个人网站要多少钱,广告字体效果图在线制作,做网站意义和目的下面直接给你最实用、最常见的树形菜单添加节点方法#xff0c;jQuery EasyUI 的 tree 组件支持超级灵活的动态添加节点#xff08;新增根节点、新增子节点、插入同级节点等#xff09;#xff0c;复制粘贴就能用#xff0c;领导最爱的“动态部门树新增、菜单管理新增节点…下面直接给你最实用、最常见的树形菜单添加节点方法jQuery EasyUI 的tree组件支持超级灵活的动态添加节点新增根节点、新增子节点、插入同级节点等复制粘贴就能用领导最爱的“动态部门树新增、菜单管理新增节点、分类无限添加”效果全都有方法1最简单最常用 - 添加子节点推荐现在就用这个!DOCTYPEhtmlhtmlheadmetacharsetUTF-8titleEasyUI 树形菜单 - 添加节点/titlelinkrelstylesheettypetext/csshrefhttps://www.jeasyui.com/easyui/themes/default/easyui.csslinkrelstylesheettypetext/csshrefhttps://www.jeasyui.com/easyui/themes/icon.cssscripttypetext/javascriptsrchttps://code.jquery.com/jquery-1.12.4.min.js/scriptscripttypetext/javascriptsrchttps://www.jeasyui.com/easyui/jquery.easyui.min.js/script/headbodydivstylemargin:20px;divstylemargin-bottom:10px;ahrefjavascript:void(0)classeasyui-linkbutton c6iconClsicon-addonclickappendChild()在选中节点下添加子节点/aahrefjavascript:void(0)classeasyui-linkbuttoniconClsicon-addonclickappendSibling()在选中节点后添加同级节点/aahrefjavascript:void(0)classeasyui-linkbutton c3iconClsicon-addonclickappendRoot()添加根节点/aahrefjavascript:void(0)classeasyui-linkbutton c1iconClsicon-removeonclickremoveNode()删除选中节点/a/divulidttclasseasyui-treedata-optionslines:true, animate:truelispan系统管理/spanullispan用户管理/span/lilispan角色管理/span/li/ul/lilispan商品管理/span/lilispan订单管理/span/li/ul/divscript// 获取当前选中节点functiongetSelectedNode(){varnode$(#tt).tree(getSelected);if(!node){$.messager.alert(提示,请先选中一个节点,warning);returnnull;}returnnode;}// 方法1添加子节点最常用functionappendChild(){varnodegetSelectedNode();if(!node)return;varnewNode{text:新节点,iconCls:icon-folder};$(#tt).tree(append,{parent:node.target,// 关键指定父节点data:[newNode]});// 自动展开父节点并选中新节点$(#tt).tree(expand,node.target);varaddedNode$(#tt).tree(find,newNode.id);// 如果没id可以用其他方式定位if(addedNode){$(#tt).tree(select,addedNode.target);}}// 方法2添加同级节点插入到选中节点之后functionappendSibling(){varnodegetSelectedNode();if(!node)return;varnewNode{text:新同级节点};$(#tt).tree(append,{parent:$(#tt).tree(getParent,node.target),// 获取父节点data:[newNode]});}// 方法3添加根节点functionappendRoot(){varnewNode{text:新根节点,state:closed,// 默认折叠iconCls:icon-setting};$(#tt).tree(append,{parent:null,// parent 为 null 表示根节点data:[newNode]});}// 方法4删除选中节点functionremoveNode(){varnodegetSelectedNode();if(!node)return;$.messager.confirm(确认,确定删除节点 node.text 及其所有子节点吗,function(r){if(r){$(#tt).tree(remove,node.target);}});}/script/body/html效果亮点“在选中节点下添加子节点”最常用部门树新增下级部门“添加同级节点”插入到当前节点后面“添加根节点”新增一级菜单支持删除节点带确认新节点自动展开并选中方法2异步树中添加节点结合后台保存functionappendChildAsync(){varnodegetSelectedNode();if(!node)return;// 先本地添加乐观更新vartempNode{text:新建节点保存中...};$(#tt).tree(append,{parent:node.target,data:[tempNode]});// 发请求保存到服务器$.post(add_node.php,{parent_id:node.id,name:新节点},function(res){if(res.success){// 更新节点为服务器返回的真实数据varaddedNode$(#tt).tree(find,tempNode.id);// 临时节点$(#tt).tree(update,{target:addedNode.target,text:res.node.name,id:res.node.id,iconCls:res.node.icon});$.messager.show({title:成功,msg:节点添加成功});}else{// 失败回滚$(#tt).tree(remove,addedNode.target);$.messager.alert(错误,res.msg);}},json);}方法3插入节点到指定位置insert 方法// 在选中节点之前插入$(#tt).tree(insert,{before:node.target,data:{text:插入到前面}});// 在选中节点之后插入$(#tt).tree(insert,{after:node.target,data:{text:插入到后面}});方法4右键菜单添加节点更专业$(#tt).tree({onContextMenu:function(e,node){e.preventDefault();$(#mm).menu(show,{left:e.pageX,top:e.pageY});$(#tt).tree(select,node.target);}});// 右键菜单HTMLdiv idmmclasseasyui-menudiv onclickappendChild()iconClsicon-add添加子节点/divdiv onclickappendSibling()iconClsicon-add添加同级节点/divdivclassmenu-sep/divdiv onclickremoveNode()iconClsicon-remove删除节点/div/div你现在直接复制方法1的完整代码运行就能看到一个支持动态添加/删除节点的树形菜单了特别适合菜单管理、部门组织架构、商品分类管理等需要动态增删的场景。想要我给你一个完整的示例异步树 添加节点 右键菜单 保存到服务器或者你告诉我你想怎么添加比如“弹窗输入节点名称”“拖拽排序后添加”“批量导入”我2分钟发你精准代码复制就能跑快说说你的具体需求我手把手帮你搞定5分钟内看到完美动态添加节点效果