浅谈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将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
jquery插件制作简单示例说明
Feb 03 Javascript
js中for in的用法示例解析
Dec 25 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
BootStrap3学习笔记(一)之网格系统
May 20 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
利用jquery和BootStrap实现动态滚动条效果
Dec 03 jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
微信小程序实现电影App导航和轮播
Nov 30 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判断当前用户已在别处登录的方法
2015/01/06 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
php正确输出json数据的实例讲解
2018/08/21 PHP
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
jQuery的Ajax接收java返回数据方法
2018/08/11 jQuery
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
js实现移动端tab切换时下划线滑动效果
2019/09/08 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
如何构建 vue-ssr 项目的方法步骤
2020/08/04 Javascript
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
35个Python编程小技巧
2014/04/01 Python
Python中操作符重载用法分析
2016/04/29 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
pandas.dataframe按行索引表达式选取方法
2018/10/30 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
使用Python控制摄像头拍照并发邮件
2019/04/23 Python
Python基于requests库爬取网站信息
2020/03/02 Python
Python Socketserver实现FTP文件上传下载代码实例
2020/03/27 Python
安全宣传标语口号
2014/06/06 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
小学教师师德师风自我评价
2015/03/04 职场文书
redis限流的实际应用
2021/04/24 Redis
关于nginx 实现jira反向代理的问题
2021/09/25 Servers
JavaScript ES6的函数拓展
2022/01/18 Javascript
MySQL数据库Innodb 引擎实现mvcc锁
2022/05/06 MySQL