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


Posted in Javascript onSeptember 27, 2017

在学习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树组件无限循环的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
深入分析jquery解析json数据
Dec 09 Javascript
jQuery实现美观的多级动画效果菜单代码
Sep 06 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
vue代理和跨域问题的解决
Jul 18 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
小程序实现搜索框
Jun 19 Javascript
Bootstrap实现省市区三级联动(亲测可用)
Jul 26 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
js实现的在本地预览图片功能示例
Nov 09 Javascript
详解微信小程序Page中data数据操作和函数调用
Sep 27 #Javascript
深入理解Vue生命周期、手动挂载及挂载子组件
Sep 27 #Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 #Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 #Javascript
vue-cli项目中怎么使用mock数据
Sep 27 #Javascript
javaScript实现复选框全选反选事件详解
Nov 20 #Javascript
javaScript实现滚动条事件详解
Mar 24 #Javascript
You might like
英雄试炼之肉山谷—引领RPG新潮流
2020/04/20 DOTA
BBS(php & mysql)完整版(六)
2006/10/09 PHP
利用php来自动调用不同服务器上的flash
2006/10/09 PHP
PHP函数spl_autoload_register()用法和__autoload()介绍
2012/02/04 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
通过修改Laravel Auth使用salt和password进行认证用户详解
2017/08/17 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
关于JavaScript的变量的数据类型的判断方法
2015/08/14 Javascript
JS中如何比较两个Json对象是否相等实例代码
2016/07/13 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
2017/07/18 Javascript
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
centos 下面安装python2.7 +pip +mysqld
2014/11/18 Python
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python中字符串的处理技巧分享
2016/09/17 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
Python如何使用字符打印照片
2020/01/03 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
英国床和浴室商场:Bed & Bath Emporium
2018/05/20 全球购物
必须要使用游标的SQL语句有那些
2012/05/07 面试题
介绍一下Make? 为什么使用make
2013/12/08 面试题
2019年朋友圈经典励志语录50条
2019/07/05 职场文书
什么是执行力?9个故事告诉您:成功绝非偶然!
2019/07/05 职场文书
PyTorch的Debug指南
2021/05/07 Python
浅谈MySQL之浅入深出页原理
2021/06/23 MySQL