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 相关文章推荐
Javascript 面向对象特性
Dec 28 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
页面使用密码保护代码
Apr 10 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
Mar 27 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
基于javascript简单实现对身份证校验
Jan 25 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
Apr 11 Javascript
js实现贪吃蛇小游戏(加墙)
Jul 31 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
第六节--访问属性和方法
2006/11/16 PHP
使用PHP备份MYSQL数据的多种方法
2014/01/15 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
JavaScript Timer实现代码
2010/02/17 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
jquery实现模拟百分比进度条渐变效果代码
2015/10/29 Javascript
javascript类型系统 Window对象学习笔记
2016/01/07 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
2016/05/31 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
vue获取DOM元素并设置属性的两种实现方法
2017/09/30 Javascript
基于javascript 显式转换与隐式转换(详解)
2017/12/15 Javascript
JavaScript复制内容到剪贴板的两种常用方法
2018/02/27 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
详解TypeScript+Vue 插件 vue-class-component的使用总结
2019/02/18 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
对layui中的onevent 和event的使用详解
2019/09/06 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
Python实现按特定格式对文件进行读写的方法示例
2017/11/30 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
wxPython+Matplotlib绘制折线图表
2019/11/19 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
Belvilla德国:在线预订度假屋
2018/04/10 全球购物
Java的接口和C++的虚类的相同和不同处
2014/03/27 面试题
咖啡店创业计划书
2014/08/15 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
党支部季度考核意见
2015/06/02 职场文书
你对自己的信用报告有过了解吗?
2019/07/09 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
解决hive中导入text文件遇到的坑
2021/04/07 Python
剑指Offer之Java算法习题精讲二叉树专项训练
2022/03/21 Java/Android