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 相关文章推荐
判断是否输入完毕再激活提交按钮
Jun 26 Javascript
jQuery AjaxQueue改进步骤
Oct 06 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
jQuery实现div浮动层跟随页面滚动效果
Feb 11 Javascript
JavaScript中的迭代器和生成器详解
Oct 29 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 Javascript
js canvas仿支付宝芝麻信用分仪表盘
Nov 16 Javascript
详解Node.js中exports和module.exports的区别
Apr 19 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
Oct 24 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 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上传文件中文文件名乱码的解决方法
2013/11/01 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
WordPress中访客登陆实现邮件提醒的PHP脚本实例分享
2015/12/14 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
XHTML-Strict 内允许出现的标签
2006/12/11 Javascript
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
js操作cookie保存浏览记录的方法
2015/12/25 Javascript
一个Js文件函数中调用另一个Js文件函数的方法演示
2017/08/14 Javascript
使用Dropzone.js上传的示例代码
2017/10/10 Javascript
VUE重点问题总结
2018/03/19 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
Vue 组件复用多次自定义参数操作
2020/07/27 Javascript
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
在Python的Django框架中生成CSV文件的方法
2015/07/22 Python
Python的Flask框架中SQLAlchemy使用时的乱码问题解决
2015/11/07 Python
Python解决N阶台阶走法问题的方法分析
2017/12/28 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
python实现顺时针打印矩阵
2019/03/02 Python
HTML5中原生的右键菜单创建方法
2016/06/28 HTML / CSS
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
小学毕业寄语大全
2014/04/03 职场文书
授权委托书样本
2014/04/03 职场文书
个人授权委托书
2014/09/15 职场文书
邮政营业员岗位职责
2015/04/14 职场文书
酒店宣传语大全
2015/07/13 职场文书
合作意向书范本
2019/04/17 职场文书
js中Object.create实例用法详解
2021/10/05 Javascript
CSS font-variation 可变字体的魅力(实例详解)
2022/03/03 HTML / CSS