浅谈EasyUi ComBotree树修改 父节点选择的问题


Posted in Javascript onNovember 07, 2016

本人在使用 Easy UI 期间发现了一个不太适合项目的bug,可能也不算bug把 。 毕竟不同项目背景 取舍不同。

我在做网元树选择的时候  发现当选取父节点后,子节点都会被选择  返回  。但是如果我们选中父节点后没有必要选择子节点。 故对源脚本作适当修改

下拉框树修改 父节点选中后只显示父节点  取消返回子节点

修改方法 找到树的选择函数 进行遍历判断 

查找关键字 combotree multiple

大约行数 10564

 

function _7d5(_7d6) {
var opts=$.data(_7d6,"combotree").options;
var tree=$.data(_7d6,"combotree").tree;
var vv=[],ss=[];
if(opts.multiple){
var _7d7 = tree.tree("getChecked");//获得树的选择
for (var i = 0; i < _7d7.length; i++) {
// if (tree.tree('isLeaf', _7d7[i].target)) { //如果当前节点是叶子节点
var pnode = tree.tree('getParent', _7d7[i].target); //获取当前节点的父节点
if (pnode) {
var nopnode = true;
for (var j = 0; j < i; j++) {//endfor遍历循环是否存在父节点
if (_7d7[j].id == pnode.id) { nopnode = false; }
}
if (nopnode == true) {//如果不存在父节点
vv.push(_7d7[i].id);
ss.push(_7d7[i].text);
}
}
// } //end是叶子节点
else {
vv.push(_7d7[i].id);
ss.push(_7d7[i].text);
}//是根节点
}//end for

//该处为源代码 
//for(var i=0;i<_7d7.length;i++){
//vv.push(_7d7[i].id);
//ss.push(_7d7[i].text);
//}//end for

//end if
} else {
var node=tree.tree("getSelected");
if(node){
vv.push(node.id);
ss.push(node.text);
}
}
$(_7d6).combo("setValues",vv).combo("setText",ss.join(opts.separator));
};

以上这篇浅谈EasyUi ComBotree树修改 父节点选择的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
我也种棵OO树JXTree[js+css+xml]
Apr 02 Javascript
jquery 新浪网易的评论块制作
Jul 01 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
JavaScript中exec函数用法实例分析
Jun 08 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
jQuery入门之层次选择器实例简析
Dec 11 Javascript
angularjs在ng-repeat中使用ng-model遇到的问题
Jan 21 Javascript
jQuery内容筛选选择器实例代码
Feb 06 Javascript
jquery与js实现全选功能的区别
Jun 11 jQuery
vue Treeselect 树形下拉框:获取选中节点的ids和lables操作
Aug 15 Javascript
基于react项目打包css引用路径错误解决方案
Oct 28 Javascript
vue+Element-ui实现登录注册表单
Nov 17 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
Nov 07 #Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 #Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 #Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 #Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
Nov 07 #Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 #Javascript
jquery文字填写自动高度的实现方法
Nov 07 #Javascript
You might like
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
PHP中比较两个字符串找出第一个不同字符位置例子
2014/04/08 PHP
js快速排序的实现代码
2013/12/08 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
jQuery animate easing使用方法图文详解
2016/06/17 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
2017/03/08 Javascript
JavaScript之生成器_动力节点Java学院整理
2017/06/30 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
使用Python获取Linux系统的各种信息
2014/07/10 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
Python基于回溯法子集树模板解决最佳作业调度问题示例
2017/09/08 Python
python sorted方法和列表使用解析
2019/11/18 Python
Python进程池Pool应用实例分析
2019/11/27 Python
基于Python中random.sample()的替代方案
2020/05/23 Python
python实现图像随机裁剪的示例代码
2020/12/10 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
家乐福巴西网上超市:Carrefour巴西
2016/10/31 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
花卉与景观设计系大学生求职信
2013/10/01 职场文书
学生会主席事迹材料
2014/01/28 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
加强机关作风建设心得体会
2014/10/22 职场文书
优秀班组申报材料
2014/12/25 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
观后感格式
2015/06/19 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
Python爬虫基础之初次使用scrapy爬虫实例
2021/06/26 Python
Java 死锁解决方案
2022/05/11 Java/Android