JQuery Easyui Tree的oncheck事件实现代码

冯诺伊曼

冯诺伊曼

2016-02-19 13:04

今天图老师小编要向大家分享个JQuery Easyui Tree的oncheck事件实现代码教程,过程简单易学,相信聪明的你一定能轻松get!


用firebug查看其生成html,发现其checkobx是假的,只是一个span,来回的变样式而已,汗

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)


代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
$(".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事件脚本
代码

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
$(".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脚本

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
$(".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是否变为选中判断,两个事件用一个方法,唉
多希望出个新版本,或者哪位大牛给改改,我能力太有限了。
展开更多 50%)
分享

猜你喜欢

JQuery Easyui Tree的oncheck事件实现代码

Web开发
JQuery Easyui Tree的oncheck事件实现代码

jquery 分页控件实现代码

Web开发
jquery 分页控件实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery 浮动广告实现代码

Web开发
jQuery 浮动广告实现代码

jquery 弹出层实现代码

Web开发
jquery 弹出层实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery 页面 Mask实现代码

Web开发
jQuery 页面 Mask实现代码

jquery创建div 实现代码

Web开发
jquery创建div 实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

jQuery EasyUI 中文API Layout(Tabs)

jQuery EasyUI 中文API Layout(Tabs)

不知道程序的窗口句柄时结束该程序的进程

不知道程序的窗口句柄时结束该程序的进程
下拉加载更多内容 ↓