EasyUI之LinkButton禁用和启用

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>
EasyUI之LinkButton禁用和启用
通过观察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');

相关推荐