easyUI 提交按钮linkbutton失效和恢复设置

1.创建按钮

        linkbutton 是 easyui 中常用的一个控件,我们可以使用它创建按钮。使用 a 元素,标记上 easyui-linkbutton 的类就可以看到按钮了

<a id="btn" class="easyui-linkbutton">这是一个按钮</a>

171013_OA1m_2299514.png

    使用方法二:

$("#btn").linkbutton();

2.为按钮绑定事件

$("#btn").click(function () {
        alert("我被点到了!");
    });

3.禁用按钮

    easyui 中已经提供了禁用按钮的方法 disable

$("#btn").linkbutton("disable");

173335_iIss_2299514.png

PS:再点击一下,傻眼了吧!提示框照样弹了出来!

    只是禁灰了,并没有阻止click事件

简单方法:

    可以在click事件头部加上判断语句来判断是否执行来解决

$("#btn").bind("click",function(){
   if ($(this).linkbutton('options').disabled == true) {
      alert('请不要重复提交');
      return;

   };
})

4.开启按钮可用

$('#btnSave').linkbutton('enable');


转载于:https://my.oschina.net/u/2299514/blog/533413

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值