浅谈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 相关文章推荐
javascript+xml技术实现分页浏览
Jul 27 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
Jul 28 Javascript
js算法中的排序、数组去重详细概述
Oct 14 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
AngularJS入门教程之Hello World!
Dec 06 Javascript
BootStrap智能表单实战系列(七)验证的支持
Jun 13 Javascript
Ztree新增角色和编辑角色回显问题的解决
Oct 25 Javascript
JavaScript &amp; jQuery完美判断图片是否加载完毕
Jan 08 Javascript
JSON创建键值对(key是中文或者数字)方式详解
Aug 24 Javascript
微信小程序之蓝牙的链接
Sep 26 Javascript
JS运动特效之同时运动实现方法分析
Jan 24 Javascript
Vue.Draggable实现交换位置
Apr 07 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
相对路径转化成绝对路径
2007/04/10 PHP
PHP数组 为文章加关键字连接 文章内容自动加链接
2011/12/29 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
如何使用Gitblog和Markdown建自己的博客
2015/07/31 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
js+html+css实现鼠标移动div实例
2013/01/30 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
2014/07/02 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
JS随机打乱数组的方法小结
2016/06/22 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
vue源码入口文件分析(推荐)
2018/01/30 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
js中let和var定义变量的区别
2018/02/08 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
python之wxPython应用实例
2014/09/28 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
Flask框架通过Flask_login实现用户登录功能示例
2018/07/17 Python
python 3.6.4 安装配置方法图文教程
2018/09/18 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
python实现桌面气泡提示功能
2019/07/29 Python
Python列表切片常用操作实例解析
2019/12/16 Python
python里glob模块知识点总结
2021/01/05 Python
纯CSS3实现绘制各种图形实现代码详细整理
2012/12/26 HTML / CSS
纯CSS3实现鼠标滑过按钮动画第二节
2020/07/16 HTML / CSS
Bluebella法国官网:英国性感内衣品牌
2019/05/03 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
求职简历中自我评价
2014/01/28 职场文书
门诊手术室工作制度
2014/01/30 职场文书
小学班主任评语大全
2014/04/23 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
详解JVM系列之内存模型
2021/06/10 Javascript