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 11 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
jQuery设置和获取HTML、文本和值示例
Jul 08 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
jQuery实现简单的点赞效果
May 29 Javascript
js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
Apr 01 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
Feb 19 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
浅析前端路由简介以及vue-router实现原理
Jun 01 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 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初学者最感迷茫的问题小结
2010/03/27 PHP
实用的简单PHP分页集合包括使用方法
2013/10/21 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
php实现等比例压缩图片
2018/07/26 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
JavaScript进阶教程(第四课第一部分)
2007/04/05 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
用原生js做个简单的滑动效果的回到顶部
2014/10/15 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
vue中使用iview自定义验证关键词输入框问题及解决方法
2018/03/26 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
es6中reduce的基本使用方法
2019/09/10 Javascript
vue递归获取父元素的元素实例
2020/08/07 Javascript
js实现碰撞检测
2021/01/29 Javascript
python 文件和路径操作函数小结
2009/11/23 Python
python对数组进行反转的方法
2015/05/20 Python
Python获取系统默认字符编码的方法
2015/06/04 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Python判断变量名是否合法的方法示例
2019/01/28 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
python脚本实现音频m4a格式转成MP3格式的实例代码
2019/10/09 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
Python应用实现处理excel数据过程解析
2020/06/19 Python
python实现不同数据库间数据同步功能
2021/02/25 Python
extern是什么意思
2016/03/10 面试题
英语专业毕业生自荐信范文
2013/12/31 职场文书
机关工会开展学习雷锋活动总结
2014/03/01 职场文书
党校学习心得体会范文
2014/09/09 职场文书
七个Python必备的GUI库
2021/04/27 Python
Vue3中toRef与toRefs的区别
2022/03/24 Vue.js