easyui tree 无限循环 EasyUI Tree树组件无限循环的解决办法

时间:2021-03-29 randeexiong 人气:0

想了解EasyUI Tree树组件无限循环的解决办法的相关内容吗，randeexiong在本文为您仔细讲解easyui tree 无限循环的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：easyui,tree,无限循环,easyui,tree,组件，下面大家一起来学习吧。

在学习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组件无限循环截图

这里写图片描述

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

总结

以上所述是小编给大家介绍的EasyUI Tree树组件无限循环的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

加载全部内容