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 parseInt字符转化为数字函数使用小结
Nov 05 Javascript
js 异步处理进度条
Apr 01 Javascript
移动端滑动插件Swipe教程
Oct 16 Javascript
Angular+Node生成随机数的方法
Jun 16 Javascript
switchery按钮的使用方法
Dec 18 Javascript
Vuex入门到上手教程
Jun 20 Javascript
解决vue.js 数据渲染成功仍报错的问题
Aug 25 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
es6数组includes()用法实例分析
Apr 18 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
javascript实现点击按钮切换轮播图功能
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防止SQL注入详解及防范
2013/11/12 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
浅析PHP7 的垃圾回收机制
2019/09/06 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
项目实践之javascript技巧
2007/12/06 Javascript
让textarea自动调整大小的js代码
2011/04/12 Javascript
JS常用正则表达式总结
2013/11/12 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
javascript事件模型介绍
2016/05/31 Javascript
javaScript如何跳出多重循环break、continue
2016/09/01 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
详解js静态检查工具eslint配置文件
2018/11/23 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
微信小程序通过一个json实现分享朋友圈图片
2019/09/03 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
[01:08]DOTA2“血战之命”预告片
2017/08/12 DOTA
Python MySQLdb Linux下安装笔记
2015/05/09 Python
使用Python脚本实现批量网站存活检测遇到问题及解决方法
2016/10/11 Python
python如何把嵌套列表转变成普通列表
2018/03/20 Python
Numpy array数据的增、删、改、查实例
2018/06/04 Python
python3.X 抓取火车票信息【修正版】
2018/06/19 Python
python 实现A*算法的示例代码
2018/08/13 Python
python字符串中匹配数字的正则表达式
2019/07/03 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
Pytorch 高效使用GPU的操作
2020/06/27 Python
深入理解Python变量的数据类型和存储
2021/02/01 Python
有关HTML5页面在iPhoneX适配问题
2017/11/13 HTML / CSS
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
adidas瑞典官方网站:购买阿迪达斯鞋子和运动服
2019/12/11 全球购物
MySQL 存储过程的优缺点分析
2021/05/20 MySQL
用php如何解决大文件分片上传问题
2021/07/07 PHP