欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

EasyUI Tree树组件无限循环的解决方法

程序员文章站 2022-04-09 21:46:55
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(ur...

在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(url:链接地址)形成无限循环。如:

tree.json

[{ 
  "id":1, 
  "text":"folder1", 
  "iconcls":"icon-save", 
  "children":[{ 
    "text":"file1", 
    "checked":true 
  },{ 
    "text":"books", 
    "state":"open", 
    "attributes":{ 
      "url":"/demo/book/abc", 
      "price":100 
    }, 
    "children":[{ 
      "text":"photoshop", 
      "checked":true,
      "state":"closed"      
    },{ 
      "id": 8, 
      "text":"sub bookds", 
      "state":"open" 
    }] 
  }] 
}] 
$('#box').tree({
    url :"tree.json",
    cascadecheck : false,
    onlyleafcheck : true,
    lines : true,
    formatter : function (node) {
      return '[' + node.text + ']';
    }
  });

tree组件无限循环截图

EasyUI Tree树组件无限循环的解决方法

解决方法:把末节点state状态设为open可正常显示

总结

以上所述是小编给大家介绍的easyui tree树组件无限循环的解决方法,希望对大家有所帮助