EasyUI之LinkButton禁用和启用

Posted 2020-11-03 shizongger

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‘);