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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
js关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
怎么判断js脚本加载完成
Feb 28 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
微信小程序 教程之注册程序
Oct 17 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
Vue配置marked链接添加target="_blank"的方法
Jul 19 Javascript
layui 阻止图片上传的实例(before方法)
Sep 26 Javascript
vue cli4.0项目引入typescript的方法
Jul 17 Javascript
原生js实现自定义难度的扫雷游戏
Jan 22 Javascript
如何利用js在两个html窗口间通信
Apr 27 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
深入apache host的配置详解
2013/06/09 PHP
php生成rss类用法实例
2015/04/14 PHP
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
javascript使用call调用微信API
2014/12/15 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
基于JS代码实现实时显示系统时间
2016/06/16 Javascript
js 上传文件预览的简单实例
2016/08/16 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
2017/08/23 Javascript
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
浅谈bootstrap layer.open中end的使用方法
2019/09/12 Javascript
JavaScript实现单图片上传并预览功能
2019/09/30 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
2019/11/12 Javascript
跟老齐学Python之数据类型总结
2014/09/24 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
用Python将mysql数据导出成json的方法
2018/08/21 Python
对numpy中二进制格式的数据存储与读取方法详解
2018/11/01 Python
python做反被爬保护的方法
2019/07/01 Python
如何基于Python批量下载音乐
2019/11/11 Python
基于python的列表list和集合set操作
2019/11/24 Python
python实现图像全景拼接
2020/03/27 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
html5 viewport使用方法示例详解
2013/12/02 HTML / CSS
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
struct与class的区别
2014/02/03 面试题
学校介绍信范文
2014/01/14 职场文书
《浅水洼里的小鱼》听课反思
2014/02/28 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
运动会表扬稿
2015/01/16 职场文书
病假证明模板
2015/06/19 职场文书