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下的keyCode键码值表
Apr 10 Javascript
javascript 自动填写表单的实现方法
Apr 09 Javascript
javascript将数组插入到另一个数组中的代码
Jan 10 Javascript
JS Map 和 List 的简单实现代码
Jul 08 Javascript
js检测网络是否具体连接功能的代码
May 23 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
JS实现鼠标移上去显示图片或微信二维码
Dec 14 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
Jan 05 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 20 Javascript
如何在JavaScript中使用localStorage详情
Feb 04 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
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
PHP中常用数组处理方法实例分析
2008/08/30 PHP
php 高效率写法 推荐
2010/02/21 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(四)
2014/06/23 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
基于jquery的固定表头和列头的代码
2012/05/03 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
详解参数传递四种形式
2015/07/21 Javascript
js中flexible.js实现淘宝弹性布局方案
2020/06/23 Javascript
深入浅析AngularJS中的module(模块)
2016/01/04 Javascript
JS中对Cookie的操作详解
2016/08/05 Javascript
解析NodeJs的调试方法
2016/12/11 NodeJs
详解Nodejs 通过 fs.createWriteStream 保存文件
2017/10/10 NodeJs
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
Nodejs实现多文件夹文件同步
2018/10/17 NodeJs
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
详解VUE里子组件如何获取父组件动态变化的值
2018/12/26 Javascript
JavaScript设计模型Iterator实例解析
2020/01/22 Javascript
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
Python按行读取文件的简单实现方法
2016/06/22 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
pytorch中torch.max和Tensor.view函数用法详解
2020/01/03 Python
Python非单向递归函数如何返回全部结果
2020/12/18 Python
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
超市营业员岗位职责
2013/12/20 职场文书
法人授权委托书
2014/04/03 职场文书
厕所文明标语
2014/06/11 职场文书
暑假打工感想
2015/08/07 职场文书