浅谈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的淡入淡出的特效基础练习
Dec 13 Javascript
浅析offsetLeft,Left,clientLeft之间的区别
Nov 30 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
在javascript中创建对象的各种模式解析
May 16 Javascript
Node.js的基本知识简单汇总
Sep 19 Javascript
javascript简单进制转换实现方法
Nov 24 Javascript
ThinkJS中如何使用MongoDB的CURD操作
Dec 13 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
javascript实现自由编辑图片代码详解
Jun 21 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
将博客园(cnblogs.com)数据导入到wordpress的代码
2013/01/06 PHP
解析array splice的移除数组中指定键的值,返回一个新的数组
2013/07/02 PHP
php实现可运算的验证码
2015/11/10 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
PHP实现统计代码行数小工具
2019/09/19 PHP
tp5框架无刷新分页实现方法分析
2019/09/26 PHP
javascript instanceof,typeof的区别
2010/03/24 Javascript
JS如何判断移动端访问设备并解析对应CSS
2013/11/27 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
javascript 闭包详解
2015/07/02 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
2016/05/23 Javascript
JS实现数字格式千分位相互转换方法
2016/08/01 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
利用Vue.js框架实现火车票查询系统(附源码)
2017/02/27 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
JavaScript体验异步更好的解决办法
2018/01/08 Javascript
从零开始搭建一个react项目开发
2018/02/09 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
Python检测QQ在线状态的方法
2015/05/09 Python
深入解析Python设计模式编程中建造者模式的使用
2016/03/02 Python
Python切换pip安装源的方法详解
2016/11/18 Python
Python基础学习之常见的内建函数整理
2017/09/06 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
pandas分批读取大数据集教程
2020/06/06 Python
python实现ping命令小程序
2020/12/28 Python
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
基于canvas使用贝塞尔曲线平滑拟合折线段的方法
2018/01/10 HTML / CSS
WoolOvers澳洲官方网站:英国针织服装公司
2018/05/13 全球购物
Stio官网:男女、儿童户外服装
2019/12/13 全球购物
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
世界遗产的导游词
2015/02/13 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
电台广播稿范文
2015/08/19 职场文书