浅谈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 相关文章推荐
Jquery Uploadify多文件上传带进度条且传递自己的参数
Aug 28 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
AngularJS自定义指令实现面包屑功能完整实例
May 17 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
Oct 27 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
小程序实现单选多选功能
Nov 04 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
JavaScript实现图片伪异步上传过程解析
Apr 10 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
Nov 16 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
在 PHP 中使用随机数的三个步骤
2006/10/09 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
php身份证号码检查类实例
2015/06/18 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
javascript 函数式编程
2007/08/16 Javascript
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
NodeJS中利用Promise来封装异步函数
2015/02/25 NodeJs
javascript字符串与数组转换汇总
2015/05/26 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
jQuery 利用ztree实现树形表格的实例代码
2017/09/27 jQuery
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
jQuery实现点击DIV同时点击CheckBox,并为DIV上背景色的实例
2017/12/18 jQuery
vue移动端实现下拉刷新
2018/04/22 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
vue实现禁止浏览器记住密码功能的示例代码
2021/02/03 Vue.js
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
python 字符串追加实例
2019/07/20 Python
手写一个python迭代器过程详解
2019/08/27 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
Python requests.post方法中data与json参数区别详解
2020/04/30 Python
python如何使用腾讯云发送短信
2020/09/17 Python
我能否用void** 指针作为参数, 使函数按引用接受一般指针
2013/02/16 面试题
大学生秋游活动方案
2014/02/17 职场文书
导游词之云南-元阳梯田
2019/10/08 职场文书
详解Go语言运用广度优先搜索走迷宫
2021/06/23 Python
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技
MySql重置root密码 --skip-grant-tables
2022/04/11 MySQL