JQuery Easyui Tree的oncheck事件实现代码
2010-05-28 00:00
831 查看
用firebug查看其生成html,发现其checkobx是假的,只是一个span,来回的变样式而已,汗
$(".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是否变为选中判断,两个事件用一个方法,唉
多希望出个新版本,或者哪位大牛给改改,我能力太有限了。
相关文章推荐
- JQuery Easyui Tree的oncheck事件实现代码
- JQuery Easyui Tree的oncheck事件实现代码
- JQuery Easyui Tree的onCheck事件
- JQuery Easyui Tree的oncheck事件
- jQuery事件绑定on()与弹窗实现代码
- jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别
- easyui tree中的onCheck事件的一些处理办法
- jQuery事件绑定on()与弹窗实现代码
- JQuery点击事件回到页面顶部效果的实现代码
- jquery textSearch实现页面搜索 注意!!!!调用这个插件后,js事件绑定如,on、bind、live delegate全部失效,折腾了我一整天!!!
- jQuery-Easyui 1.2 实现多层菜单效果的代码
- jQuery代码,让A标签拥有点击事件,实现确认,提交按钮
- 浅谈jQuery代码优化之事件委托(事件绑定)——bind()|live()|delegate()|on()|off()|one()方法
- jQuery Easyui Treegrid实现显示checkbox功能
- asp.net关于onpropertychange和oninput事件实现代码
- Jquery easyui treegrid实现树形表格的行拖拽
- js和jquery实现监听键盘事件示例代码
- jQuery的实现原理的模拟代码 -3 事件处理
- javascript事件委托理解,jQuery .on()方法一步到位实现事件委托