浅谈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 相关文章推荐
页面调用单个swf文件,嵌套出多个方法。
Nov 21 Javascript
img onload事件绑定各浏览器均可执行
Dec 19 Javascript
js 实现 input type=&quot;file&quot; 文件上传示例代码
Aug 07 Javascript
jquery实现保存已选用户
Jul 21 Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
Jan 27 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
Feb 26 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
Aug 23 Javascript
javascript实现评分功能
Jun 24 Javascript
QT与javascript交互数据的实现
May 26 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
PHP实现伪静态方法汇总
2016/01/13 PHP
thinkphp在低版本Nginx 下支持PATHINFO的方法分享
2016/05/27 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
CI框架附属类用法分析
2018/12/26 PHP
两个DIV等高的JS的实现代码
2007/12/23 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
JS 对象(Object)和字符串(String)互转方法
2016/05/20 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
AngularJS过滤器详解及示例代码
2016/08/16 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
2017/02/09 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
js中的闭包学习心得
2018/02/06 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
vue-drawer-layout实现手势滑出菜单栏
2020/11/19 Vue.js
[57:38]2018DOTA2亚洲邀请赛3月30日 小组赛A组 OpTic VS OG
2018/03/31 DOTA
Ubuntu 14.04+Django 1.7.1+Nginx+uwsgi部署教程
2014/11/18 Python
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
Claire’s法国:时尚配饰、美容、珠宝、头发
2021/01/16 全球购物
c++工程师面试问题
2013/08/04 面试题
个人求职简历的自我评价
2013/10/19 职场文书
工业设计专业推荐信
2013/10/29 职场文书
自荐信不宜过于夸大
2013/11/06 职场文书
教师对学生的寄语
2014/04/03 职场文书
给老婆的保证书范文
2014/04/28 职场文书
读书小明星事迹材料
2014/05/03 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
导游词之杭州西湖
2019/09/19 职场文书
Mysql基础之常见函数
2021/04/22 MySQL