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 相关文章推荐
添加到收藏夹代码(兼容几乎所有的浏览器)
Jan 09 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
浅谈Javascript中深复制
Dec 01 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
js 去掉字符串前后空格实现代码集合
Mar 25 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
webpack4 入门最简单的例子介绍
Sep 05 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 Javascript
JS数据类型分类及常用判断方法
Nov 19 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 Vue.js
详解微信小程序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实现框架(一)
2006/10/09 PHP
用文本文件实现的动态实时发布新闻的程序
2006/10/09 PHP
php接口和抽象类使用示例详解
2014/03/02 PHP
开启PHP的伪静态模式
2015/12/31 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/02/09 Javascript
javascript 写类方式之七
2009/07/05 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
js运动动画的八个知识点
2015/03/12 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
从零学习node.js之简易的网络爬虫(四)
2017/02/22 Javascript
Require.JS中的几种define定义方式示例
2017/06/01 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
JS实现带阴历的日历功能详解
2019/01/24 Javascript
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
python遍历类中所有成员的方法
2015/03/18 Python
基于Python实现的百度贴吧网络爬虫实例
2015/04/17 Python
调试Python程序代码的几种方法总结
2015/04/28 Python
Python for Informatics 第11章之正则表达式(二)
2016/04/21 Python
Django 用户认证组件使用详解
2019/07/23 Python
Python实现快速大文件比较代码解析
2020/09/04 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
HTML5头部标签的一些常用信息小结
2016/10/23 HTML / CSS
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
合作意向书模板
2014/03/31 职场文书
军训口号
2014/06/13 职场文书
党的群众路线教育实践活动查摆问题及整改措施
2014/10/10 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
创业计划书之冷饮店
2019/09/27 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL