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 相关文章推荐
屏蔽相应键盘按钮操作
Mar 10 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
理解javascript中的回调函数(callback)
Sep 02 Javascript
node.js中的fs.rmdir方法使用说明
Dec 16 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
javascript中活灵活现的Array对象详解
Nov 30 Javascript
用js将long型数据转换成date型或datetime型的实例
Jul 03 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
JavaScript中的回调函数实例讲解
Jan 27 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
如何基于原生javaScript生成带图片的二维码
Nov 21 Javascript
JS实现拖动模糊框特效
Aug 25 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
56.com视频采集接口程序(PHP)
2007/09/22 PHP
如何在PHP程序中防止盗链
2008/04/09 PHP
PHP基本语法总结
2014/09/06 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
PHP获取网页所有连接的方法(附demo源码下载)
2016/03/30 PHP
thinkphp3.x中cookie方法的用法分析
2016/05/19 PHP
PHP实现针对日期,月数,天数,周数,小时,分,秒等的加减运算示例【基于strtotime】
2017/04/19 PHP
PHP7引入的"??"和"?:"的区别讲解
2019/04/08 PHP
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
如何用javascript计算文本框还能输入多少个字符
2015/07/29 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
js 获取本地文件及目录的方法(推荐)
2016/11/10 Javascript
元素全屏的设置与监听实例
2017/11/28 Javascript
Vue中$refs的用法详解
2018/06/24 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
Python中函数的参数传递与可变长参数介绍
2015/06/30 Python
Django分页功能的实现代码详解
2019/07/29 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
python入门:argparse浅析 nargs='+'作用
2020/07/12 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
函授本科毕业自我鉴定
2013/10/09 职场文书
大学生职业生涯规划书模板
2014/01/03 职场文书
村级个人对照检查材料
2014/08/22 职场文书
2014年精神文明建设工作总结
2014/11/19 职场文书
建党伟业电影观后感
2015/06/01 职场文书
公司处罚决定书
2015/06/24 职场文书
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js
Spring Cloud OpenFeign模版化客户端
2022/06/25 Java/Android
Android RecyclerView实现九宫格效果
2022/06/28 Java/Android