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 相关文章推荐
html+css+js实现xp window界面及有关功能
Mar 26 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
Aug 05 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
Aug 15 Javascript
js获取本机操作系统类型的两种方法
Dec 19 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
Bootstrap select下拉联动(jQuery cxselect)
Jan 04 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
利用require.js与angular搭建spa应用的方法实例
Jul 19 Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 Javascript
js实现简单的轮播图效果
Dec 13 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
不用iconv库的gb2312与utf-8的互换函数
2006/10/09 PHP
php微信支付接口开发程序
2016/08/02 PHP
PHP生成图片缩略图类示例
2017/01/12 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
javascript字典探测用户名工具
2006/10/05 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
Angularjs制作简单的路由功能demo
2015/04/14 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
深入浅析JS的数组遍历方法(推荐)
2016/06/15 Javascript
node文件批量重命名的方法示例
2017/10/23 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
js 闭包深入理解与实例分析
2020/03/19 Javascript
简单了解three.js 着色器材质
2020/08/03 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
pygame游戏之旅 创建游戏窗口界面
2018/11/20 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
python手写均值滤波
2020/02/19 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
python元组拆包实现方法
2021/02/28 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
田径运动会开幕式及主持词
2014/03/28 职场文书
讲文明知礼仪演讲稿
2014/09/13 职场文书
幼儿园万圣节活动总结
2015/05/05 职场文书
小学毕业感言100字
2015/07/30 职场文书
Html5生成验证码的示例代码
2021/05/10 Javascript
用python删除文件夹中的重复图片(图片去重)
2021/05/12 Python
MySQL 5.7常见数据类型
2021/07/15 MySQL