浅谈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 相关文章推荐
Js如何判断客户端是PC还是手持设备简单分析
Nov 22 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
javascript鼠标滑过显示二级菜单特效
Nov 18 Javascript
Javascript OOP之面向对象
Jul 31 Javascript
基于jQuery实现的幻灯图片切换
Dec 02 Javascript
常见的浏览器Hack技巧整理
Jun 29 Javascript
Vue-Router实现组件间跳转的三种方法
Nov 07 Javascript
js中的闭包学习心得
Feb 06 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
详解Vue的七种传值方式
Feb 08 Vue.js
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 ignore_user_abort与register_shutdown_function 使用方法
2009/06/14 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
IFrame跨域高度自适应实现代码
2012/08/16 Javascript
使用JS读秒使用示例
2013/09/21 Javascript
标题过长使用javascript按字节截取字符串
2014/04/24 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
jquery获取多个checkbox的值异步提交给php
2015/07/07 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
浅谈javascript的Touch事件
2015/09/27 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
获取JS中网页各种高宽与位置的方法总结
2016/07/27 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
react-native fetch的具体使用方法
2017/11/01 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
Vue中el-form标签中的自定义el-select下拉框标签功能
2020/04/20 Javascript
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
Django执行源生mysql语句实现过程解析
2020/11/12 Python
HTML5实现视频直播功能思路详解
2017/11/16 HTML / CSS
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
2014年学前班工作总结
2014/12/08 职场文书
2015年学校安全工作总结
2015/04/22 职场文书
法定代表人资格证明书
2015/06/18 职场文书
描述鲁迅的名言整理,一生受用
2019/08/08 职场文书