浅谈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 07 Javascript
JavaScript中null与undefined分析
Jul 25 Javascript
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
javascript中递归函数用法注意点
Jul 30 Javascript
关于cookie的初识和运用(js和jq)
Apr 07 Javascript
Javascript函数中的arguments.callee用法实例分析
Sep 16 Javascript
微信小程序 网络请求(GET请求)详解
Nov 16 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
Sep 26 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 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 adodb分页实现代码
2009/03/19 PHP
PHP导出EXCEL快速开发指南--PHPEXCEL的使用详解
2013/06/03 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
php+ajax 实现输入读取数据库显示匹配信息
2015/10/08 PHP
各种快递查询--Api接口
2016/04/26 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
农历与西历对照
2006/09/06 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
Bootstrap每天必学之滚动监听
2016/03/16 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
Angularjs实现分页和分页算法的示例代码
2016/12/23 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
js实现音频控制进度条功能
2017/04/01 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
2018/08/24 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
2020/11/07 Javascript
Python实现在线程里运行scrapy的方法
2015/04/07 Python
在Django中创建第一个静态视图
2015/07/15 Python
Python实现线程状态监测简单示例
2018/03/28 Python
类的返射机制中的包及核心类
2016/09/12 面试题
办公室文秘岗位职责
2013/11/15 职场文书
企业总经理职责
2014/02/02 职场文书
教师评语大全
2014/04/28 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
对学校的意见和建议
2015/06/04 职场文书
趣味运动会口号
2015/12/24 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
小学语文教学反思范文
2016/03/03 职场文书
Nginx配置https的实现
2021/11/27 Servers
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL