欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

EasyUI之LinkButton禁用和启用

程序员文章站 2022-05-03 09:38:18
EasyUI是使用class="easyui-linkbutton"来做按钮的,而这一class不是加在button元素上,而是加在a标签上的!你可以吃用linkbutton的icon来做展示各种各样的button样式 ......

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