easyui tree异步树菜单联动

最新推荐文章于 2021-06-07 13:06:18 发布

hjxgood

最新推荐文章于 2021-06-07 13:06:18 发布

阅读量5.8k

点赞数

本文链接：https://blog.csdn.net/hjxgood/article/details/23353061

版权

本文介绍了如何使用EasyUI库创建一个异步树形菜单，实现节点展开时动态加载子节点数据，并展示了相关的JS、CSS和HTML代码。树菜单根据节点类型触发不同页面跳转，同时提供了重载树形结构的功能。

摘要由CSDN通过智能技术生成

JS:

引用的资源：tree.css，jquery-1.9.1.js，jquery.easyui.min.js（只用到tree功能时可只引用jquery.parser.js，jquery.tree.js，jquery.draggable.js，jquery.droppable.js）

$(document).ready(function() {
   loadOrgTree();
});

function loadOrgTree(){
     $.ajax({
       type : "post",
       url: "url1",

       success: function (data) {
          // var myJson = eval('(' + result + ')');
          // alert(myJson);
           $("#org").tree({
     animate: true,
     lines:true,
     //checkbox:true,
     data: data,
               onBeforeExpand:function(node){
                 if(node.iconCls=="orgDepIcon"){
                            var url = "url2";
       url=url+'?depid='+node.id;
       $('#org').tree('options').url = url;
                        }
                  else{
                      var url ="url3",