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学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
jQuery validate插件实现ajax验证重复的2种方法
Jan 22 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
Jan 23 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
Vue.js在使用中的一些注意知识点
Apr 29 Javascript
详解用node-images 打造简易图片服务器
May 08 Javascript
package.json文件配置详解
Jun 15 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 Javascript
jquery实现直播弹幕效果
Nov 28 jQuery
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
JavaScript中常用的3种弹出提示框(alert、confirm、prompt)
Nov 10 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
有关JSON以及JSON在PHP中的应用
2010/04/09 PHP
PHP编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
简单分析ucenter 会员同步登录通信原理
2014/08/25 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
CL vs ForZe BO5 第五场 2.13
2021/03/10 DOTA
javascript返回顶部效果(自写代码)
2013/01/06 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
JQuery 使用attr方法实现下拉列表选中
2014/10/13 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
js拖拽功能实现代码解析
2016/11/28 Javascript
微信小程序 高德地图SDK详解及简单实例(源码下载)
2017/01/11 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
微信小程序 如何引入外部字体库iconfont的图标
2018/01/31 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
在MAC上搭建python数据分析开发环境
2016/01/26 Python
Python缓存技术实现过程详解
2019/09/25 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
django 模版关闭转义方式
2020/05/14 Python
简单了解python关键字global nonlocal区别
2020/09/21 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
挂牌仪式策划方案
2014/05/18 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
2014年终个人工作总结
2014/11/07 职场文书
2015年新农合工作总结
2015/03/30 职场文书
信仰观后感
2015/06/03 职场文书
秋菊打官司观后感
2015/06/03 职场文书
单位领导婚礼致辞
2015/07/28 职场文书
教师岗位说明书
2015/09/30 职场文书
Python 把两层列表展开平铺成一层(5种实现方式)
2021/04/07 Python
nginx安装以及配置的详细过程记录
2021/09/15 Servers