浅谈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 验证表单(form)中多选框(checkbox)值
Sep 08 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
基于jquery步骤进度条源码分享
Nov 12 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 Javascript
关于RequireJS的简单介绍即使用方法
Oct 20 Javascript
Vue.js系列之vue-router(上)(3)
Jan 03 Javascript
JavaScript简单生成 N~M 之间随机数的方法
Jan 13 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
jQuery实现table表格信息的展开和缩小功能示例
Jul 21 jQuery
vue实现移动端悬浮窗效果
Dec 01 Javascript
javascript中可能用得到的全部的排序算法
Mar 05 Javascript
javascript实现简易数码时钟
Mar 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生成短网址示例
2014/05/05 PHP
php实现的美国50个州选择列表实例
2015/04/20 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
List all the Databases on a SQL Server
2007/06/21 Javascript
ajax 缓存 问题 requestheader
2010/08/01 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
2015/11/06 Javascript
深入理解js promise chain
2016/05/05 Javascript
深入浅析javascript中的作用域(推荐)
2016/07/19 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
解决axios发送post请求返回400状态码的问题
2018/08/11 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
JavaScript指定断点操作实例教程
2018/09/18 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
VUE前后端学习tab写法实例
2019/08/06 Javascript
分析在Python中何种情况下需要使用断言
2015/04/01 Python
pyshp创建shp点文件的方法
2018/12/31 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
django 解决扩展自带User表遇到的问题
2020/05/14 Python
python打开音乐文件的实例方法
2020/07/21 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
skyn ICELAND官网:冰岛成分天然护肤品
2020/08/24 全球购物
企业优秀员工事迹材料
2014/05/28 职场文书
校长师德表现自我评价
2015/03/04 职场文书
2015个人简历自我评价语
2015/03/11 职场文书
道歉短信大全
2015/05/12 职场文书
英语专业毕业论文答辩开场白
2015/05/27 职场文书
捐款仪式主持词
2015/07/04 职场文书
2016猴年开门红标语口号
2015/12/26 职场文书
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android