浅谈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闭包
Nov 01 Javascript
Javascript基础教程之数据类型 (数值 Number)
Jan 18 Javascript
浅谈javascript的分号的使用
May 12 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 Javascript
如何提高Dom访问速度
Jan 05 Javascript
javascript表单正则应用
Feb 04 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
May 02 Javascript
JS鼠标3次点击事件实现代码及扩展思路
Sep 12 Javascript
Vue利用canvas实现移动端手写板的方法
May 03 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
解决layer图标icon不加载的问题
Sep 04 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 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
不用GD库生成当前时间的PNG格式图象的程序
2006/10/09 PHP
PHP 可阅读随机字符串代码
2010/05/26 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
PHP中使用sleep函数实现定时任务实例分享
2014/08/21 PHP
PHP目录与文件操作技巧总结(创建,删除,遍历,读写,修改等)
2016/09/11 PHP
laravel多条件查询方法(and,or嵌套查询)
2019/10/09 PHP
PHP设计模式(一)工厂模式Factory实例详解【创建型】
2020/05/02 PHP
PHP的垃圾回收机制代码实例讲解
2021/02/27 PHP
弹出广告特效代码(一个IP只弹出一次)
2007/05/11 Javascript
jQuery数据显示插件整合实现代码
2011/10/24 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
js通过八个点 拖动改变div大小的实现方法
2014/03/05 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
JavaScript模块随意拖动示例代码
2014/05/27 Javascript
JavaScript中的this关键字使用详解
2015/08/14 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
2016/01/07 Javascript
Javascript中click与blur事件的顺序详析
2017/04/25 Javascript
简单的三步vuex入门
2018/05/20 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
python获取糗百图片代码实例
2013/12/18 Python
python如何查看系统网络流量的信息
2016/09/12 Python
python机器学习实战之K均值聚类
2017/12/20 Python
使用python实现名片管理系统
2020/06/18 Python
html5 canvas绘制矩形和圆形的实例代码
2016/06/16 HTML / CSS
应届生求职推荐信
2013/10/28 职场文书
十八届三中全会感言
2014/03/10 职场文书
村居抓节水倡议书
2014/05/19 职场文书
干部四风问题整改措施思想汇报
2014/10/13 职场文书
给朋友的赠语
2015/06/23 职场文书
2019个人工作总结
2019/06/21 职场文书