EasyUI linkbutton 禁用click

时间:13-04-18 栏目:EasyUI, web前端 作者:zongyan86 评论:0 点击: 6,167 次

linkbutton禁用只能禁用样式,不能禁用click事件。

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

解决方法:

第一种方法:

juqery unbind方法

第二种方法:

判断下disable属性   $('#btn').linkbutton('disable');
$('#btn').click(function () {
if ($(this).linkbutton('options').disabled == false) {
alert('a')
}
});

第三种方法:

拓展:

function setDisabled(target, disabled) {

        var state = $.data(target, "linkbutton");
        if (disabled) {
            state.options.disabled = true;
            var href = $(target).attr("href");
            if (href) {
                state.href = href;
                $(target).attr("href", "javascript:void(0)");
            }
            if (target.onclick) {
                state.onclick = target.onclick;
                target.onclick = null;
            }
            //事件处理
        	var events = $(target).data("events");
        	if(events){
            	var clicks = events.click;//暂时只处理click事件
            	state.events = state.events||[];
            	$.extend(state.events, clicks);
            	$(target).unbind("click");
        	}
            
            $(target).addClass("l-btn-disabled");
        } else {
            state.options.disabled = false;
            if (state.href) {
                $(target).attr("href", state.href);
            }
            if (state.onclick) {
                target.onclick = state.onclick;
            }
            if (state.events) {
            	for ( var i=0;i<state.events.length;i++){
            	 $(target).bind(state.events[i].type,state.events[i].handler);
               	}
            }
            $(target).removeClass("l-btn-disabled");
        }
    };   

web技术分享

 



声明: 本文由( zongyan86 )原创编译,转载请保留链接: EasyUI linkbutton 禁用click

关注我们