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 相关文章推荐
Open and Print a Word Document
Jun 15 Javascript
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
需要做特殊处理的DOM元素属性的访问
Nov 05 Javascript
javascript客户端遍历控件与获取父容器对象示例代码
Jan 06 Javascript
JavaScript实现彩虹文字效果的方法
Apr 16 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
jquery网页日历显示控件calendar3.1使用详解
Nov 24 Javascript
如何使用Bootstrap创建表单
Mar 29 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
Vue自定义render统一项目组弹框功能
Jun 07 Javascript
vue项目中使用rem,在入口文件添加内容操作
Nov 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
用header 发送cookie的php代码
2007/03/16 PHP
php导出word格式数据的代码实例
2013/11/25 PHP
php、mysql查询当天,查询本周,查询本月的数据实例(字段是时间戳)
2017/02/04 PHP
php文件上传类的分享
2017/07/06 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
javascript倒计时功能实现代码
2012/06/07 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
使用Grunt.js管理你项目的应用说明
2013/04/24 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
js闭包实例汇总
2014/11/09 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
2015/09/01 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
JavaScript中各种引用类型的常用操作方法小结
2016/05/05 Javascript
文本框只能输入数字的js代码(含小数点)
2016/07/10 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
layui 关闭open弹出框 刷新table表格页面的方法
2019/09/16 Javascript
使用JavaScript和MQTT开发物联网应用示例解析
2020/08/07 Javascript
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
python判断字符串是否是json格式方法分享
2017/11/07 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
通信研究生自荐信
2014/02/01 职场文书
岗位竞聘报告范文
2014/11/06 职场文书