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 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
BootStrap实现手机端轮播图左右滑动事件
Oct 13 Javascript
bootstrap网格系统使用方法解析
Jan 13 Javascript
javascript事件的传播基础实例讲解(35)
Feb 14 Javascript
区别JavaScript函数声明与变量声明
Sep 12 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
vue插槽slot的理解和使用方法
Apr 03 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
Cannot modify header information错误解决方法
2008/10/08 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
异步加载技术实现当滚动条到最底部的瀑布流效果
2014/09/16 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
php的4种常用运行方式详解
2016/12/22 PHP
javawscript 三级菜单的实现原理
2009/07/01 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
简介JavaScript中toTimeString()方法的使用
2015/06/12 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
JavaScript中点击事件的写法
2016/06/28 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
react-router中的属性详解
2017/06/01 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
探索webpack模块及webpack3新特性
2017/09/18 Javascript
vue项目tween方法实现返回顶部的示例代码
2018/03/02 Javascript
简单了解node npm cnpm的具体使用方法
2019/02/27 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
javascript实现滚轮轮播图片
2020/12/13 Javascript
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
python类和函数中使用静态变量的方法
2015/05/09 Python
python使用PyGame模块播放声音的方法
2015/05/20 Python
python交互式图形编程实例(一)
2017/11/17 Python
python批量处理文件或文件夹
2020/07/28 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
Django中template for如何使用方法
2021/01/31 Python
家居设计专业个人自荐信范文
2013/11/26 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
最新离婚协议书范本
2014/08/19 职场文书
2014年教师德育工作总结
2014/11/10 职场文书
首都博物馆观后感
2015/06/05 职场文书
《叶问2》观后感
2015/06/15 职场文书
宣传部部长竞选稿
2015/11/21 职场文书