JQuery Easyui Tree的oncheck事件实现代码


Posted in Javascript onMay 28, 2010

 JQuery Easyui Tree的oncheck事件实现代码


用firebug查看其生成html,发现其checkobx是假的,只是一个span,来回的变样式而已,汗

JQuery Easyui Tree的oncheck事件实现代码


$(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { 
if ($(this).hasClass("tree-checkbox0")) { 
$(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); 
} else { 
if ($(this).hasClass("tree-checkbox1")) { 
$(this).removeClass("tree-checkbox1").addClass("tree-checkbox0"); 
} else { 
if ($(this).hasClass("tree-checkbox2")) { 
$(this).removeClass("tree-checkbox2").addClass("tree-checkbox1"); 
} 
} 
} 
_2eb($(this).parent()); 
_2ec($(this).parent()); 
return false; 
});

然后再看其onClick事件脚本
代码
$(".tree-node", tree) 
.... 
bind("click.tree", function() { 
$(".tree-node-selected", tree).removeClass("tree-node-selected"); 
$(this).addClass("tree-node-selected"); 
if (opts.onClick) { 
var _2ea = this; 
var data = $.data(this, "tree-node"); 
opts.onClick.call(this, { id: data.id, text: data.text, attributes: data.attributes, target: _2ea }); 
} 
})

相应的修改其check脚本
$(".tree-checkbox", tree).unbind(".tree").bind("click.tree", function() { 
if ($(this).hasClass("tree-checkbox0")) { 
$(this).removeClass("tree-checkbox0").addClass("tree-checkbox1"); 
} else { 
if ($(this).hasClass("tree-checkbox1")) { 
$(this).removeClass("tree-checkbox1").addClass("tree-checkbox0"); 
} else { 
if ($(this).hasClass("tree-checkbox2")) { 
$(this).removeClass("tree-checkbox2").addClass("tree-checkbox1"); 
} 
} 
} 
_2eb($(this).parent()); 
_2ec($(this).parent()); 
return false; 
}).bind("click.tree", function() {//gzl增加 
if ($(this).hasClass("tree-checkbox1") && opts.onCheck) { 
var _2e9 = this; 
var data = $.data(this, "tree-node"); 
opts.onCheck.call(this, { id: data.id, text: data.text, attributes: data.attributes, target: _2e9 }); 
} 
});

可是怎么也取不到Data值,最后只好$(this).parent().click(),click事件加check是否变为选中判断,两个事件用一个方法,唉
多希望出个新版本,或者哪位大牛给改改,我能力太有限了。
Javascript 相关文章推荐
Javascript 函数中的参数使用分析
Mar 27 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
基于jQuery实现模拟页面加载进度条
Apr 01 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
JavaScript制作淘宝星级评分效果的思路
Jun 23 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
js轮播图代码分享
Jul 14 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
Jun 14 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
vue3.0搭配.net core实现文件上传组件
Oct 29 Javascript
js基于div丝滑实现贝塞尔曲线
Sep 23 Javascript
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 #Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 #Javascript
Javascript 设计模式(二) 闭包
May 26 #Javascript
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 #Javascript
js escape,unescape解决中文乱码问题的方法
May 26 #Javascript
javascript 异步页面查询实现代码(asp.net)
May 26 #Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 #Javascript
You might like
php图片加中文水印实现代码分享
2012/10/31 PHP
比较简单的百度网盘文件直链PHP代码
2013/03/24 PHP
PHP7扩展开发之基于函数方式使用lib库的方法详解
2018/01/15 PHP
js类的静态属性和实例属性的理解
2009/10/01 Javascript
TBCompressor js代码压缩
2011/01/05 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
基于javascript实现文字无缝滚动效果
2016/03/22 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
JS防止网页被嵌入iframe框架的方法分析
2016/09/13 Javascript
jQuery实现右键菜单、遮罩等效果代码
2016/09/27 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
vue2.0+vue-dplayer实现hls播放的示例
2018/03/02 Javascript
javascript深拷贝、浅拷贝和循环引用深入理解
2018/05/27 Javascript
angularjs 的数据绑定实现原理
2018/07/02 Javascript
Vue2.0生命周期的理解
2018/08/20 Javascript
基于Angular中ng-controller父子级嵌套的相关属性详解
2018/10/08 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
python处理二进制数据的方法
2015/06/03 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
Python通过递归函数输出嵌套列表元素
2020/10/15 Python
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
植村秀加拿大官网:Shu Uemura加拿大
2019/09/03 全球购物
违反单位工作制度检讨书
2014/10/25 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
医院财务人员岗位职责
2015/04/14 职场文书
2015年社区反邪教工作总结
2015/10/14 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书
Python-typing: 类型标注与支持 Any类型详解
2021/05/10 Python
MySQL query_cache_type 参数与使用详解
2021/07/01 MySQL
MySQL数据库表约束讲解
2022/06/21 MySQL