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 相关文章推荐
jQuery与ExtJS之选择实例分析
Aug 19 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 Javascript
js控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
Nov 29 Javascript
jQuery添加options点击事件并传值实例代码
May 18 Javascript
浅谈js中调用函数时加不加括号的问题
Jul 28 Javascript
AngularJs ng-route路由详解及实例代码
Sep 14 Javascript
JS中数组重排序方法
Nov 11 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
Aug 20 Javascript
小程序接口的promise化的实现方法
Dec 11 Javascript
Node.js操作MongoDB数据库实例分析
Jan 19 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直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
php正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
动态加载外部javascript文件的函数代码分享
2011/07/28 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
巧用replace将文字表情替换为图片
2014/04/17 Javascript
JavaScript取得键盘按下方向键是哪个的方法
2015/08/04 Javascript
JavaScript保留关键字汇总
2015/12/01 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
2019/02/01 Javascript
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
Python爬虫实例_城市公交网络站点数据的爬取方法
2018/01/10 Python
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
python hook监听事件详解
2018/10/25 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
python MD5加密的示例
2020/10/19 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
Zavvi西班牙:电子游戏、极客服装、Blu-ray、Funko Pop等
2019/05/03 全球购物
餐厅经理岗位职责范本
2014/02/17 职场文书
请假条的格式
2014/04/11 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
机关作风建设自查报告
2014/10/22 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
2015年社区流动人口工作总结
2015/05/12 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python
python小型的音频操作库mp3Play
2022/04/24 Python
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS