用户登录
用户注册

分享至

EasyUI之LinkButton禁用和启用

  • 作者: _包皮卷蛆蘸屎吃_
  • 来源: 51数据库
  • 2021-09-05

EasyUI是使用class="easyui-linkbutton"来做按钮的,而这一class不是加在button元素上,而是加在a标签上的!你可以吃用linkbutton的icon来做展示各种各样的button样式。一个linkbutton的例子如下:

<a 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');
软件
前端设计
程序设计
Java相关