easyUI 之 linkbutton 设置为不可用 ，还是可用 ~

Question

<a id="btnSave" class="easyui-linkbutton" plain="true" iconCls="icon-save">提交</a>
点击提交， 将 btnSave 设置为不可用  $('#btnSave').linkbutton('disable');
这样 ，提交按钮变为灰色 ，但是点击 ，依旧执行相应的操作 ~于是做另外的操作 $("#btnSave").attr('disabled','disabled');
还是没有效果 ~  如何才能使其不能点击呢 ？ (当然还有如何才能使其从不能点击回到能点击 ~)

Answer 1

对于这个问题 非得用easyui才能解决么 
document.getElementById('button的id').disabled = 'disabled'  多简单啊 干嘛非抱一棵树 对不对

Answer 2

<a id="btnSave" class="easyui-linkbutton" plain="true" iconCls="icon-save" href="#">提交</a>
<script>
document.getElementById("btnSave").onclick=function(){return false}
</script>
a元素点击无效得这样啊，至于变灰，你可以设置 disabled属性，或者弄个 css样式

Answer 3

    明白 ~~~   其实我是想问问 这是不是一个 Bug ？ 呵呵~

Answer 4

点击的操作是什么操作，是onclick之类的操作吗？如果是onclick在演示文件linkbutton.html没问题啊。

Answer 5

是的 ， 我在这个 html 中就可以屏蔽 onclick 方法 ~  这是什么原因呢 ,奇怪 ~~~ ？

Answer 6

stworthy 到 linkbutton.html 试试 （加一个 id 属性）<a href="#" id="cancel" class="easyui-linkbutton" plain="true" iconCls="icon-cancel" >Cancel</a>
(Script 中加入) function showInfo(){                  // (1)方式
alert('hello world ~~~');
} $(document).ready(function(){
$("#cancel").click(function(){     //(2)方式
alert('hello world ~~~');
});
});
用第二种方式 ，将 Cancel 变为不可用，依然可以点击 ~~~

Answer 7

click后已经绑定了点击事件，要使事件不可用，恐怕要unbind一下才有效。如果要用linkbutton的disable方法，将执行代码放到onclick中。

Answer 8

$('#btnSave').linkbutton({disabled:true});

Answer 9

easyui实现的方法有bug，用这个扩展试试$.extend($.fn.linkbutton.methods, {  
enable: function(jq){  
return jq.each(function(n,obj){  
var state = $.data(obj, "linkbutton");
state.options.disabled = false;
if (state.href) {
$(obj).attr("href", state.href);
}
if (state.onclick) {
obj.onclick = state.onclick;
}
if (state.events) {
for ( var i=0;i<state.events.length;i++){
 $(obj).bind(state.events[i].type,state.events[i].handler);
}
}
$(obj).removeClass("l-btn-disabled");
});  
}
});  

$.extend($.fn.linkbutton.methods, {  
disable: function(jq)
{
return jq.each(function(n,obj){  
var state = $.data(obj, "linkbutton");
state.options.disabled = true;
var href = $(obj).attr("href");
if (href) {
state.href = href;
$(obj).attr("href", "javascript:void(0)");
}
if (obj.onclick) {
obj.onclick = obj.onclick;
obj.onclick = null;
}
//事件处理
var events = $(obj).data("events");
if(events){
var clicks = events.click;//暂时只处理click事件
state.events = state.events||[];
$.extend(state.events, clicks);
$(obj).unbind("click");
}

$(obj).addClass("l-btn-disabled");
});
}}
);