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 相关文章推荐
jquery放大镜效果超漂亮噢
Nov 15 Javascript
JavaScript实现简单的时钟实例代码
Nov 23 Javascript
深入理解javascript中return的作用
Dec 30 Javascript
使用jquery 简单实现下拉菜单
Jan 14 Javascript
JavaScript中的setMilliseconds()方法使用详解
Jun 11 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
Oct 13 Javascript
js+html制作简单验证码
Feb 16 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 Javascript
layui获取选中行数据的实例讲解
Aug 19 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
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
javascript复制对象使用说明
2011/06/28 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
div模拟滚动条效果示例代码
2013/10/16 Javascript
javascript处理表单示例(javascript提交表单)
2014/04/28 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
Javascript中浏览器窗口的基本操作总结
2016/08/18 Javascript
jQuery双向列表选择器DIV模拟版
2016/11/01 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
Angular.js中控制器之间的传值详解
2017/04/24 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
使用puppeteer破解极验的滑动验证码
2018/02/24 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
初步理解Python进程的信号通讯
2015/04/09 Python
python实现简单登陆流程的方法
2018/04/22 Python
Python 占位符的使用方法详解
2019/07/10 Python
详解pandas DataFrame的查询方法(loc,iloc,at,iat,ix的用法和区别)
2019/08/02 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
基于Python3.7.1无法导入Numpy的解决方式
2020/03/09 Python
解决Jupyter notebook更换主题工具栏被隐藏及添加目录生成插件问题
2020/04/20 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
美国木工工具和用品商店:Woodcraft
2019/10/30 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
是否有自动比较结构的方法
2015/06/03 面试题
论文评语大全
2014/04/29 职场文书
党员干部民主生活会议批评与自我批评材料
2014/09/20 职场文书
2015年招生工作总结
2015/05/04 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
python3实现常见的排序算法(示例代码)
2021/07/04 Python
Java 多态分析
2022/04/26 Java/Android