1. 程式人生 > >EasyUI之LinkButton禁用和啟用

EasyUI之LinkButton禁用和啟用

href rem 樣式 fontsize net cli jquery data class

EasyUI是使用class="easyui-linkbutton"來做按鈕的,而這一class不是加在button元素上,而是加在a標簽上的!你可以吃用linkbutton的icon來做展示各種各樣的button樣式。一個linkbutton的例子如下:

<a href="javascript:void(0);" id="save" class="easyui-linkbutton" data-options="iconCls:‘icon-save‘" disabled="true" onclick="saveWell();">保存</a>
技術分享圖片
通過觀察html代碼,一般會造成了一個誤會:你會理所當然的認為移除disabled屬性可用如下三種方法來解決:

$(‘#id‘).attr("disabled",false);
$(‘#id‘).removeAttr("disabled");
$(‘#id‘).attr("disabled","");

其實上訴代碼用在button標簽身上是管用的,可這裏我們偏偏要使用a標簽來展示按鈕,通過閱讀EasyUI的API你會發現:以下才是jQuery禁止和啟用linkbutton的正確姿勢:

//啟用linkbutton按鈕
$(‘#btn‘).linkbutton(‘enable‘);
//禁用linkbutton按鈕
$(‘#btn‘).linkbutton(‘disable‘);

EasyUI之LinkButton禁用和啟用