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 相关文章推荐
再谈javascript 动态添加样式规则 W3C校检
Dec 25 Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 Javascript
屏蔽IE弹出"您查看的网页正在试图关闭窗口,是否关闭此窗口"的方法
Dec 31 Javascript
jQuery实现友好的轮播图片特效
Jan 12 Javascript
JavaScript检查数字是否为整数或浮点数的方法
Jun 09 Javascript
JS模拟键盘打字效果的方法
Aug 05 Javascript
javascript对象的相关操作小结
May 16 Javascript
AngularJS实现分页显示数据库信息
Jul 01 Javascript
js实现功能比较全面的全选和多选
Mar 02 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
Vue 401配合Vuex防止多次弹框的案例
Nov 11 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 chr() ord()中文截取乱码问题解决方法
2008/09/08 PHP
php 需要掌握的东西 不做浮躁的人
2009/12/28 PHP
Javascript与PHP验证用户输入URL地址是否正确
2014/10/09 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
AngularJS 控制器 controller的详解
2017/10/17 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
2020/07/24 Javascript
Python爬虫实例扒取2345天气预报
2018/03/04 Python
Pandas中把dataframe转成array的方法
2018/04/13 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
英国最大的在线蜡烛商店:Candles Direct
2019/03/26 全球购物
婚礼新郎父母答谢词
2014/01/16 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
《宿建德江》教学反思
2014/04/23 职场文书
安全标语口号
2014/06/09 职场文书
学雷锋宣传标语
2014/06/25 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
群众路线调研报告范文
2014/11/03 职场文书
店长岗位职责
2015/02/11 职场文书
婚宴新娘致辞
2015/07/28 职场文书
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js