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

1.创建按钮

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

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


    使用方法二:

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

2.为按钮绑定事件

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

3.禁用按钮

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

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

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

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

简单方法:

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

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

   };
})

4.开启按钮可用

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


你可能感兴趣的:(easyui,linkbutton,失效和恢复设置,提交按钮)