浅谈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 拖动表格行实现代码
May 05 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
javascript实现禁止鼠标滚轮事件
Jul 24 Javascript
Javascript刷新窗口方法小结
Oct 21 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 Javascript
vue组件与复用详解
Apr 08 Javascript
JS伪继承prototype实现方法示例
Jun 20 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 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 json_encode值中大括号与花括号区别
2013/09/30 PHP
PHP检测链接是否存在的代码实例分享
2016/05/06 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
菜单效果
2006/10/14 Javascript
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
js jquery获取随机生成id的服务器控件的三种方法
2013/07/11 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
vue 配置多页面应用的示例代码
2018/10/22 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
Vue组件模板及组件互相引用代码实例
2020/03/11 Javascript
JS实现简易日历效果
2021/01/25 Javascript
python处理按钮消息的实例详解
2017/07/11 Python
Python实现PS图像调整之对比度调整功能示例
2018/01/26 Python
python实现感知器算法(批处理)
2019/01/18 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
python实现复制大量文件功能
2019/08/31 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
python GUI库图形界面开发之PyQt5复选框控件QCheckBox详细使用方法与实例
2020/02/28 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
信息管理与信息系统专业求职信
2014/06/21 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
水利局群众路线专题民主生活会发言材料
2014/09/21 职场文书
选调生挂职锻炼工作总结
2015/10/23 职场文书
2016年第32个教师节红领巾广播稿
2015/12/18 职场文书
商业计划书如何写?关键问题有哪些?
2019/07/11 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
MySQL索引是啥?不懂就问
2021/07/21 MySQL
python双向链表实例详解
2022/05/25 Python
Three.js实现雪糕地球的使用示例详解
2022/07/07 Javascript