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 相关文章推荐
juery框架写的弹窗效果适合新手
Nov 27 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
Dec 24 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
JS实现动态生成表格并提交表格数据向后端
Nov 25 Javascript
javascript模块化简单解析
Apr 07 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
AngularJS表单提交实例详解
Feb 18 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
浅谈redux以及react-redux简单实现
Aug 28 Javascript
微信小程序学习笔记之文件上传、下载操作图文详解
Mar 29 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
微信小程序实现下拉加载更多商品
Dec 29 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中Array2xml类实现数组转化成XML实例
2014/12/08 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
2013/12/10 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
javascript表单正则应用
2017/02/04 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
vuex直接赋值的三种方法总结
2018/09/16 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
es6 filter() 数组过滤方法总结
2019/04/03 Javascript
js实现无缝轮播图特效
2020/05/09 Javascript
[00:06]Yes,it worked!小卡尔成功穿越时空加入战场!
2019/07/20 DOTA
Python运用于数据分析的简单教程
2015/03/27 Python
Python实现快速多线程ping的方法
2015/07/15 Python
python相似模块用例
2016/03/04 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
大数据分析用java还是Python
2020/07/06 Python
详解HTML5中垂直上下居中的解决方案
2017/12/20 HTML / CSS
10个最常见的HTML5面试题 附答案
2016/06/06 HTML / CSS
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
如何让Java程序执行效率更高
2014/06/25 面试题
什么是属性访问器
2015/10/26 面试题
民族团结先进个人材料
2014/02/05 职场文书
简历里的自我评价范文
2014/02/24 职场文书
MySQL系列之十二 备份与恢复
2021/07/02 MySQL
浅谈Vue的computed计算属性
2022/03/21 Vue.js
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL