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之路:如何利用Dojo实现Drag and Drop效果
Apr 10 Javascript
看了就知道什么是JSON
Dec 09 Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 Javascript
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
Aug 18 Javascript
简单方法判断JavaScript对象为null或者属性为空
Sep 26 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
jQuery插件实现文件上传功能(支持拖拽)
Aug 27 Javascript
js 实现省市区三级联动菜单效果
Feb 20 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
webpack4简单入门实例
Sep 06 Javascript
原生js实现trigger方法示例代码
May 22 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可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
不用MOUSEMOVE也能滑动啊
2007/05/23 Javascript
JQuery表格内容过滤的实现方法
2013/07/05 Javascript
jQuery简单实现banner图片切换
2014/01/02 Javascript
jquery选择器简述
2015/08/31 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
JavaScript中自带的 reduce()方法使用示例详解
2016/08/10 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
Python在图片中添加文字的两种方法
2017/04/29 Python
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
python实现旋转和水平翻转的方法
2018/10/25 Python
python实现移位加密和解密
2019/03/22 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
python与mysql数据库交互的实现
2020/01/06 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Python3.9新特性详解
2020/10/10 Python
伊莱克斯阿根廷网上商店:Tienda Electrolux
2021/03/08 全球购物
一份报关员的职业规划范文
2014/01/08 职场文书
教师优秀党员事迹材料
2014/08/14 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
2014年村官工作总结
2014/11/24 职场文书
学校通报表扬范文
2015/05/04 职场文书
民事诉讼代理词
2015/05/25 职场文书
党员证明信
2015/06/19 职场文书
类和原型的设计模式之复制与委托差异
2022/07/07 Javascript
Go gorilla/sessions库安装使用
2022/08/14 Golang