作家
登录

JQuery Easyui Tree的oncheck事件实现代码

作者: 来源:www.28hudong.com 2013-03-30 01:33:38 阅读 我要评论

用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是否变为选中判断,两个事件用一个方法,唉 多希望出个新版本,或者哪位大牛给改改,我能力太有限了。

  推荐阅读

  JavaScript操作XML实例代码(获取新闻标题并分页,并分页)

具体内容我没有做测试。仅供参考 代码 复制代码 代码如下: <?xml version="1.0" encoding="gb2312"?> <NEWS> <New id="1" name="测试新闻1" time="2010-2-18"> <NBody>新闻测试1新闻测试1</NBody> </New> <New id=>>>详细阅读


本文标题:JQuery Easyui Tree的oncheck事件实现代码

地址:http://www.17bianji.com/kaifa2/JS/26313.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)