easyui combotree加载静态数据问题(选不上)解决方法


Posted in Javascript onDecember 26, 2016

在今天的开发中遇到一个奇怪的问题。虽然已经被我解决但还是百思不得其解,决定记录一下,看看有没有大神能给我答案。
问题重现:

由于我有4个combotree需要加载数据,但是我又不想每次初始化一个combotree就去访问服务器加载一下数据,于是我将加载数据过程写成这样

$.post('xxxurl',function(data){ 
 $('#inputTree0').combotree('loadData',data); 
 $('#inputTree1').combotree('loadData',data); 
 $('#inputTree2').combotree('loadData',data); 
 $('#ttree').combotree('loadData',data); 
});

看起来没什么毛病,刷新界面点开那个combotree树也能显示出来,但是,问题来了,当我点击树的节点的时候,节点是选上了,但combo上面并没有显示我所选择的节点的名称,这使我很纳闷。应该已经那个初始化过这个控件了吧(前台代码已经声明过了class="easyui-combotree" id="inputTree0")然后我换成普通的初始化加载数据的方式对比一下

$('#inputTree0').combotree({ 
 url: "xxxurl" 
});

这样初始化却又可以选上并显示。

最后我决定换种加载方式:
$('#inputTree0').combotree('loadData',data);改成$('#inputTree0').combotree({data:data});
这样就解决了之前出现的那个选上但不显示你选了什么的问题了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
node.js中的buffer.toString方法使用说明
Dec 14 Javascript
学习JavaScript设计模式(代理模式)
Dec 03 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
May 31 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
Jan 06 Javascript
基于jQuery解决ios10以上版本缩放问题
Nov 03 jQuery
Vue数据双向绑定底层实现原理
Nov 22 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
Apr 03 Javascript
vue 实现根据data中的属性值来设置不同的样式
Aug 04 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 Javascript
手动初始化Angular的模块与控制器
Dec 26 #Javascript
详解Python中logging日志模块在多进程环境下的使用
Dec 26 #Javascript
Angular的事件和表单详解
Dec 26 #Javascript
Angular的MVC和作用域
Dec 26 #Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 #Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 #Javascript
Angular的$http与$location
Dec 26 #Javascript
You might like
JavaScript 函数replace深入了解
2013/03/14 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
javascript+html5实现仿flash滚动播放图片的方法
2015/04/27 Javascript
Javascript中With语句用法实例
2015/05/14 Javascript
AngularJS 使用$sce控制代码安全检查
2016/01/05 Javascript
一览画面点击复选框后获取多个id值的方法
2016/05/30 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
2017/08/16 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
实现单层json按照key字母顺序排序的示例
2017/12/06 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
2018/03/20 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
[00:15]TI9地铁玩家打卡
2019/08/11 DOTA
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
Pandas探索之高性能函数eval和query解析
2017/10/28 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
解决python 文本过滤和清理问题
2019/08/28 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Python编写万花尺图案实例
2021/01/03 Python
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
妇科医生自荐信
2013/11/05 职场文书
学生处主任岗位职责
2013/12/01 职场文书
二手房购房意向书范本
2014/04/01 职场文书
教师中国梦演讲稿
2014/04/23 职场文书
2014年大学生职业规划书:未来不是梦,只要勇敢冲!
2014/09/22 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
岁月神偷观后感
2015/06/11 职场文书
动画电影《擅长捉弄人的高木同学》6月10日上映!
2022/03/20 日漫