jQuery EasyUI 互动版

LinkButton

通常情况下,使用 < button > 元素来创建按钮,而链接按钮(LinkButton)则是使用 < a > 元素来创建的。所以实际上一个链接按钮(LinkButton)就是一个显示为按钮样式的 < a > 元素。

  为了创建链接按钮(LinkButton),我们要做的就是添加一个名为 'easyui-linkbutton' 的 class 属性到 < a > 元素。

<a id="btn" href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

也可以使用Javascript创建按钮。

<a id="btn" href="javascript:void(0)">easyui</a>    
$('#btn').linkbutton({    
    iconCls: 'icon-search'   
});

可以通过jquery来绑定按钮事件。

$(function(){    
    $('#btn').bind('click', function(){    
        alert('easyui');    
    });    
});

也可以通过disableenable来禁用或启用按钮。

$('#btn').linkbutton('disable'); //禁用按钮
$('#btn').linkbutton('enable');  //启用按钮
创建一个按钮,然后禁用该按钮。