浅谈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 相关文章推荐
JS 遮照层实现代码
Mar 31 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
javascript简单实现图片预加载
Dec 03 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
使用JavaScript开发IE浏览器本地插件实例
Feb 18 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
Sep 06 Javascript
BootStrap中的表单大全
Sep 07 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 18 Javascript
原生JavaScript实现幻灯片效果
Feb 19 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
德生BCL3000的电路分析和打磨
2021/03/02 无线电
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
简介PHP的Yii框架中缓存的一些高级用法
2016/03/29 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
PHP创建文件及写入数据(覆盖写入,追加写入)的方法详解
2019/02/15 PHP
PHP常用函数之获取汉字首字母功能示例
2019/10/21 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
JavaScript中“+=”的应用
2007/02/02 Javascript
Use Word to Search for Files
2007/06/15 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
2013/11/28 Javascript
jQuery学习笔记之总体架构
2014/06/03 Javascript
JavaScript字符串删除重复字符的方法
2015/12/25 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
vue 移动端注入骨架屏的配置方法
2019/06/25 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
2019/07/02 Javascript
layui实现多图片上传并限制上传的图片数量
2019/09/26 Javascript
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
python文件操作整理汇总
2014/10/21 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
关于Python形参打包与解包小技巧分享
2019/08/24 Python
tensorflow多维张量计算实例
2020/02/11 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
Python 添加文件注释和函数注释操作
2020/08/09 Python
值传递还是引用传递
2015/02/08 面试题
安全生产网格化管理实施方案
2014/03/01 职场文书
终止劳动合同协议书
2014/10/05 职场文书
总经理助理岗位职责范本
2015/03/31 职场文书
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python