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

[tuo_bing]

<a id="btnSave" class="easyui-linkbutton" plain="true" iconCls="icon-save">提交</a>

点击提交， 将 btnSave 设置为不可用

 $('#btnSave').linkbutton('disable');

这样 ，提交按钮变为灰色 ，但是点击 ，依旧执行相应的操作 ~

于是做另外的操作

$("#btnSave").attr('disabled','disabled');

还是没有效果 ~ 如何才能使其不能点击呢 ？ (当然还有如何才能使其从不能点击回到能点击 ~)

[tuo_bing]

都没遇到过 ？

[豆虫]

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

[挨踢直男]

<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样式

[tuo_bing]

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

[stworthy]

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

[tuo_bing]

[Quote=引用 5 楼 stworthy 的回复:]

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

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

[tuo_bing]

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 变为不可用，依然可以点击 ~~~

[stworthy]

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

[地球小星星]

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

[Olive]

怎样把背景图标改用更大的图标？

[shanyusoft]

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