浅谈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弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
jQuery实现带渐显效果的人物多级关系图代码
Oct 16 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
Nov 24 Javascript
AngularJS手动表单验证
Feb 01 Javascript
Web安全测试之XSS实例讲解
Aug 15 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
jQuery中layer分页器的使用
Mar 13 Javascript
three.js实现圆柱体
Dec 30 Javascript
详解vue挂载到dom上会发生什么
Jan 20 Javascript
JS实现的自定义map方法示例
May 17 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
php生成WAP页面
2006/10/09 PHP
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
2010/04/28 PHP
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
php二维码生成以及下载实现
2017/09/28 PHP
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
2014/04/11 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
JS实现窗口加载时模拟鼠标移动的方法
2015/06/03 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
bootstrap轮播图示例代码分享
2017/05/17 Javascript
JavaScript数据结构之双向链表定义与使用方法示例
2017/10/27 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
详解Next.js页面渲染的优化方案
2019/01/27 Javascript
Python里disconnect UDP套接字的方法
2015/04/23 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
Python3 使用map()批量的转换数据类型,如str转float的实现
2019/11/29 Python
python生成任意频率正弦波方式
2020/02/25 Python
django 模型中的计算字段实例
2020/05/19 Python
Pycharm及python安装详细教程(图解)
2020/07/31 Python
Python中random模块常用方法的使用教程
2020/10/04 Python
python获取命令行参数实例方法讲解
2020/11/02 Python
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
extern在函数声明中是什么意思
2014/01/19 面试题
基层工作经历证明
2014/01/13 职场文书
会计专业自我鉴定
2014/02/10 职场文书
我爱我校演讲稿
2014/05/21 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
vue Element-ui表格实现树形结构表格
2021/06/07 Vue.js