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 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 Javascript
JavaScript调试技巧之console.log()详解
Mar 19 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
Mar 03 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 Javascript
简单理解Vue中的nextTick方法
Jan 30 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
深度了解vue.js中hooks的相关知识
Jun 14 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
Feb 12 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 强制下载文件代码
2010/10/24 PHP
php 类自动载入的方法
2015/06/03 PHP
PHP代码判断设备是手机还是平板电脑(两种方法)
2015/10/19 PHP
PHP调用存储过程返回值不一致问题的解决方法分析
2016/04/26 PHP
PHP实现图片批量打包下载功能
2017/03/01 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
取得传值的函数
2006/10/27 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
JavaScript 基础篇之运算符、语句(二)
2012/04/07 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
js读写json文件实例代码
2014/10/21 Javascript
JS动态修改iframe高度和宽度的方法
2015/04/01 Javascript
JS及JQuery对Html内容编码,Html转义
2017/02/17 Javascript
JS判断一个数是否是水仙花数
2017/06/11 Javascript
Angularjs 手写日历的实现代码(不用插件)
2017/10/18 Javascript
微信小程序自定义弹窗wcPop插件
2018/11/19 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
python方向键控制上下左右代码
2018/01/20 Python
Python 装饰器原理、定义与用法详解
2019/12/07 Python
python函数定义和调用过程详解
2020/02/09 Python
详解用Python爬虫获取百度企业信用中企业基本信息
2020/07/02 Python
Ubuntu20.04环境安装tensorflow2的方法步骤
2021/01/29 Python
介绍一下#error预处理
2015/09/25 面试题
表彰先进集体通报
2014/01/12 职场文书
领导干部整治奢华浪费之风思想汇报
2014/10/07 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
2014年库房工作总结
2014/11/26 职场文书
思想道德自我评价2015
2015/03/09 职场文书
培训督导岗位职责
2015/04/10 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
python中requests库+xpath+lxml简单使用
2021/04/29 Python
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android