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 相关文章推荐
jquery UI 1.72 之datepicker
Dec 29 Javascript
ajax请求get与post的区别总结
Nov 04 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
jquery SweetAlert插件实现响应式提示框
Aug 18 Javascript
深入理解Angularjs向指令传递数据双向绑定机制
Dec 31 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
Apr 27 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
Angular使用Md5加密的解决方法
Sep 16 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
May 25 Javascript
在Vue中使用Select选择器拼接label的操作
Oct 22 Javascript
react中useState使用:如何实现在当前表格直接更改数据
Aug 05 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 MSSQL 存储过程的方法
2008/12/24 PHP
PHP中比较时间大小实例
2014/08/21 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
PHP之十六个魔术方法详细介绍
2016/11/01 PHP
Yii2实现自定义独立验证器的方法
2017/05/05 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
Avengerls vs Newbee BO3 第二场2.18
2021/03/10 DOTA
Javascript SHA-1:Secure Hash Algorithm
2006/12/20 Javascript
javascript 变量作用域 代码分析
2009/06/26 Javascript
javascript 面向对象全新理练之数据的封装
2009/12/03 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
2014/09/01 Javascript
ECMAScript6轮播图实践知识总结
2016/08/17 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
微信小程序  action-sheet详解及实例代码
2016/11/09 Javascript
基于vue实现swipe轮播组件实例代码
2017/05/24 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
2018/12/24 Javascript
基于vue.js组件实现分页效果
2018/12/29 Javascript
vue自定义组件实现双向绑定
2021/01/13 Vue.js
python学习手册中的python多态示例代码
2014/01/21 Python
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
Python socket套接字实现C/S模式远程命令执行功能案例
2018/07/06 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
HTML5触摸事件实现移动端简易进度条的实现方法
2018/05/04 HTML / CSS
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
班级团队活动方案
2014/08/14 职场文书
出售房屋协议书范本
2014/10/06 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
详细了解java监听器和过滤器
2021/07/09 Java/Android
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
MySQL创建管理LIST分区
2022/04/13 MySQL