EasyUI之LinkButton禁用和啟用
阿新 • • 發佈:2018-05-07
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禁用和啟用