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学习笔记一 之 数据类型
Dec 15 Javascript
jQuery选择器的工作原理和优化分析
Jul 25 Javascript
jquery插件制作简单示例说明
Feb 03 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
Jun 01 Javascript
JQuery点击事件回到页面顶部效果的实现代码
May 24 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
详解使用React进行组件库开发
Feb 06 Javascript
微信小程序学习笔记之登录API与获取用户信息操作图文详解
Mar 29 Javascript
jQuery实现验证用户登录
Dec 10 jQuery
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
Nov 05 Javascript
一百多行代码实现react拖拽hooks
Mar 23 Javascript
手写Spirit防抖函数underscore和节流函数lodash
Mar 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
PHP 杂谈《重构-改善既有代码的设计》之一 重新组织你的函数
2012/04/09 PHP
ThinkPHP CURD方法之table方法详解
2014/06/18 PHP
php生成图片缩略图的方法
2015/04/07 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
微信公众号判断用户是否已关注php代码解析
2016/06/24 PHP
php 输出json及显示json中的中文汉字详解及实例
2016/11/09 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
两个select多选模式的选项相互移动(示例代码)
2014/01/11 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
Python递归函数定义与用法示例
2017/06/02 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
python BlockingScheduler定时任务及其他方式的实现
2019/09/19 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
浅谈Python中的异常和JSON读写数据的实现
2020/02/27 Python
python修改linux中文件(文件夹)的权限属性操作
2020/03/05 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
PHP如何与mysql建立链接
2013/05/05 面试题
优秀毕业生求职推荐信范文
2013/11/21 职场文书
儿童生日会策划方案
2014/05/15 职场文书
家具公司总经理岗位职责
2014/07/08 职场文书
大足石刻导游词
2015/02/02 职场文书
南京导游词
2015/02/03 职场文书
2015夏季作息时间调整通知
2015/04/24 职场文书
浅谈redis五大数据结构和使用场景
2021/04/12 Redis
Redis高并发缓存架构性能优化
2022/05/15 Redis
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL