JQuery Easyui Tree的oncheck事件實(shí)現(xiàn)代碼

更新時(shí)間：2010年05月28日 02:33:54 作者：

最近項(xiàng)目中有用到Easyui Tree，我想要checkbox的選中事件，但是api只提供了一個(gè)onClick事件，我百度、google之后，額，還是看js吧

用firebug查看其生成html，發(fā)現(xiàn)其checkobx是假的，只是一個(gè)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事件腳本
代碼

復(fù)制代碼代碼如下:

 
$(".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 }); 
} 
}) 

相應(yīng)的修改其check腳本

復(fù)制代碼代碼如下:

 
$(".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是否變?yōu)檫x中判斷，兩個(gè)事件用一個(gè)方法，唉
多希望出個(gè)新版本，或者哪位大牛給改改，我能力太有限了。

您可能感興趣的文章:

相關(guān)文章

jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)之綁定事件
這篇文章主要介紹了jQuery 1.9.1源碼分析系列（十）事件系統(tǒng)——綁定事件的相關(guān)資料,需要的朋友可以參考下
2015-11-11
jquery實(shí)現(xiàn)控制表格行高亮實(shí)例
jquery實(shí)現(xiàn)控制表格行高亮實(shí)例，需要的朋友可以參考一下
2013-06-06
關(guān)于jQuery EasyUI 中刷新Tab選項(xiàng)卡后一個(gè)頁面變形的解決方法
這篇文章主要介紹了關(guān)于jQuery EasyUI 中刷新Tab選項(xiàng)卡后一個(gè)頁面變形的解決方法,需要的朋友可以參考下
2017-03-03
jQuery選擇器及jquery案例詳解(必看)
本文給大家介紹jquery選擇器的相關(guān)知識(shí)，并通過案例給大家介紹jquery知識(shí)，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
2016-05-05
jquery validate.js表單驗(yàn)證入門實(shí)例（附源碼）
這篇文章主要介紹了jquery validate.js表單驗(yàn)證入門實(shí)例，為大家提供了jquery validate.js表單驗(yàn)證的源碼，特別適合初學(xué)者學(xué)習(xí)validate.js表單驗(yàn)證，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery實(shí)現(xiàn)標(biāo)題有打字效果的焦點(diǎn)圖代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)標(biāo)題有打字效果的焦點(diǎn)圖代碼,可實(shí)現(xiàn)幻燈片切換顯示時(shí)標(biāo)題同步逐個(gè)打印顯示的效果,涉及jQuery操作json格式數(shù)據(jù)及時(shí)間函數(shù)的相關(guān)技巧,需要的朋友可以參考下
2015-11-11
npm 安裝jquery及使用教程
本文將介紹如何使用npm安裝和使用jQuery,幫助讀者解決相關(guān)問題,并提供示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法(附帶demo下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax調(diào)用WCF服務(wù)的方法,以完整實(shí)例形式分析了jQuery的ajax前端調(diào)用及后臺(tái)交互調(diào)用WCF服務(wù)的相關(guān)技巧,并附帶完整實(shí)例共讀者下載,需要的朋友可以參考下
2015-12-12
jquery實(shí)現(xiàn)Ajax請(qǐng)求的幾種常見方式總結(jié)
這篇文章主要介紹了jquery實(shí)現(xiàn)Ajax請(qǐng)求的幾種常見方式,結(jié)合實(shí)例形式總結(jié)分析了jQuery實(shí)現(xiàn)ajax請(qǐng)求常用的load()、post()、get()及Ajax()方法相關(guān)操作技巧,需要的朋友可以參考下
2019-05-05
jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法,涉及jQuery操作頁面元素滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-09-09