如题，最近做一个项目需要大量使用linkbutton，而且需要实现按钮之间的互动，多个关联按钮之间状态要互相控制切换，然后就用到了linkbutton('disable')和linkbutton('enable')，当然问题也就随之而来了，在重复执行$('.easyui-linkbutton').linkbutton('disable')之后，即使通过enable把某个按钮设置为可用状态了，但是click之后确没有任何反应，看浏览器状态栏，明显的是按钮还在沉睡中的样子，什么情况呢？？语法逻辑反反复复看过，绝对没问题，是什么问题呢，我在网上查了好一阵，网上给出说是easyui有BUG，我真不敢相信啊，真的吗，怀着对easyui的无比信任，我起初还真不信，但是我就是找不到原因何在，问题始终需要解决，于是我抱着试试的态度，按照网上的方法做了一个关于linkbutton的扩展脚本，一试，嘿，还真别说，问题解决了！！！
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
/**
* linkbutton方法扩展
* @param {Object} jq
*/
$.extend($.fn.linkbutton.methods, {
/**
* 激活选项（覆盖重写）
* @param {Object} jq
*/
enable:
function
(jq){
return
jq.each(
function
(){
var
state = $.data(
this
,
'linkbutton'
);
if
($(
this
).hasClass(
'l-btn-disabled'
)) {
var
itemData = state._eventsStore;
//恢复超链接
if
(itemData.href) {
$(
this
).attr(
"href"
, itemData.href);
}
//回复点击事件
if
(itemData.onclicks) {
for
(
var
j = 0; j < itemData.onclicks.length; j++) {
$(
this
).bind(
'click'
, itemData.onclicks[j]);
}
}
//设置target为null，清空存储的事件处理程序
itemData.target =
null
;
itemData.onclicks = [];
$(
this
).removeClass(
'l-btn-disabled'
);
}
});
},
/**
* 禁用选项（覆盖重写）
* @param {Object} jq
*/
disable:
function
(jq){
return
jq.each(
function
(){
var
state = $.data(
this
,
'linkbutton'
);
if
(!state._eventsStore)
state._eventsStore = {};
if
(!$(
this
).hasClass(
'l-btn-disabled'
)) {
var
eventsStore = {};
eventsStore.target =
this
;
eventsStore.onclicks = [];
//处理超链接
var
strHref = $(
this
).attr(
"href"
);
if
(strHref) {
eventsStore.href = strHref;
$(
this
).attr(
"href"
,
"javascript:void(0)"
);
}
//处理直接耦合绑定到onclick属性上的事件
var
onclickStr = $(
this
).attr(
"onclick"
);
if
(onclickStr && onclickStr !=
""
) {
eventsStore.onclicks[eventsStore.onclicks.length] =
new
Function(onclickStr);
$(
this
).attr(
"onclick"
,
""
);
}
//处理使用jquery绑定的事件
var
eventDatas = $(
this
).data(
"events"
) || $._data(
this
,
'events'
);
if
(eventDatas[
"click"
]) {
var
eventData = eventDatas[
"click"
];
for
(
var
i = 0; i < eventData.length; i++) {
if
(eventData[i].namespace !=
"menu"
) {
eventsStore.onclicks[eventsStore.onclicks.length] = eventData[i][
"handler"
];
$(
this
).unbind(
'click'
, eventData[i][
"handler"
]);
i--;
}
}
}
state._eventsStore = eventsStore;
$(
this
).addClass(
'l-btn-disabled'
);
}
});
}
});
|
就是这段，加入到你使用linkbutton所在的页面，linkbutton禁用后复用的问题就解决了。
本文转自问道博客51CTO博客，原文链接http://blog.51cto.com/450236/1840590如需转载请自行联系原作者
crackernet
