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 相关文章推荐
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 Javascript
解析利用javascript如何判断一个数为素数
Dec 08 Javascript
深入对Vue.js $watch方法的理解
Mar 20 Javascript
Angular中自定义Debounce Click指令防止重复点击
Jul 26 Javascript
详解三种方式解决vue中v-html元素中标签样式
Nov 22 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
Oct 31 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 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判断两个日期之间相差多少个月份的方法
2015/06/18 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
javascript中的注释使用与注意事项小结
2011/09/20 Javascript
浏览器解析js生成的html出现样式问题的解决方法
2012/04/16 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
jQuery实现tag便签去重效果的方法
2015/01/20 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
使用AngularJS处理单选框和复选框的简单方法
2015/06/19 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
2016/05/21 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
微信小程序 轮播图swiper详解及实例(源码下载)
2017/01/11 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
实例讲解DataTables固定表格宽度(设置横向滚动条)
2017/07/11 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
Python中模拟enum枚举类型的5种方法分享
2014/11/22 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
Django的信号机制详解
2017/05/05 Python
django项目运行因中文而乱码报错的几种情况解决
2017/11/07 Python
python中for用来遍历range函数的方法
2018/06/08 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
Python PO设计模式的具体使用
2019/08/16 Python
python 内置函数汇总详解
2019/09/16 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
python两种获取剪贴板内容的方法
2020/11/06 Python
英国最大的在线时尚眼镜店:Eyewearbrands
2019/03/12 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
Tea Collection官网:一家位于旧金山的童装公司
2020/08/07 全球购物
教师自荐书
2013/10/08 职场文书
快餐公司创业计划书
2014/04/29 职场文书
医院保洁服务方案
2014/06/11 职场文书
大学生党性分析材料
2014/12/19 职场文书