浅谈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实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
JavaScript实现级联菜单的方法
Jun 29 Javascript
原生js图片轮播效果实现代码
Oct 19 Javascript
JS按条件 serialize() 对应标签的使用方法
Jul 24 Javascript
在vue中,v-for的索引index在html中的使用方法
Mar 06 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
详解vue组件开发脚手架
Jun 15 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
Aug 31 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
Sep 30 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 Javascript
vue 数字翻牌器动态加载数据
Apr 20 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
全文搜索和替换
2006/10/09 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
浅析PHP数据导出知识点
2018/02/17 PHP
PHP数据对象映射模式实例分析
2019/03/29 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
JavaScript中伪协议 javascript:使用探讨
2014/07/18 Javascript
js select实现省市区联动选择
2020/04/17 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
2018/04/26 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
详解js获取video任意时间的画面截图
2019/04/17 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
python机器学习库xgboost的使用
2020/01/20 Python
PyTorch安装与基本使用详解
2020/08/31 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
CSS3的颜色渐变效果的示例代码
2017/09/29 HTML / CSS
台湾森森购物网:U-mall
2017/10/16 全球购物
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
武汉东之林科技有限公司机试
2013/09/17 面试题
怎样写好自荐信和推荐信
2013/12/26 职场文书
销售员岗位职责范本
2014/02/03 职场文书
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
求职意向书
2014/07/29 职场文书
2014最新版群众路线四风整改措施
2014/09/24 职场文书
幼师自荐信范文
2015/03/06 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
法律意见书范文
2015/05/20 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
MySQL 如何分析查询性能
2021/05/12 MySQL