jQuery EasyUI Menú y botones -Crear un botón de enlace (Link Button)

Normalmente, se usa el elemento <button> para crear botones, mientras que el botón de enlace (Link Button) se crea usando el elemento <a>. Así que en realidad un botón de enlace (Link Button) es un elemento <a> que se muestra con estilo de botón.

Para crear un botón de enlace (Link Button), todo lo que necesita hacer es agregar un atributo class llamado 'easyui-linkbutton' al elemento <a>:

    <div style="padding:5px;background:#FAFAFA;width:500px;border:1px solid #ccc">
        <a href="../index.html" class="easyui-linkbutton" iconCls="icon-cancel">Cancel</a>
        <a href="../index.html" class="easyui-linkbutton" iconCls="icon-reload">Refresh</a>
        <a href="../index.html" class="easyui-linkbutton" iconCls="icon-search">Query</a>
        <a href="../index.html" class="easyui-linkbutton">text button</a>
        <a href="../index.html" class="easyui-linkbutton" iconCls="icon-print">Print</a>
    </div>
     
    <div style="padding:5px;background:#FAFAFA;width:500px;border:1px solid #ccc">
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-cancel">Cancel</a>
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-reload">Refresh</a>
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-search">Query</a>
        <a href="../index.html" class="easyui-linkbutton" plain="true">text button</a>
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-print">Print</a>
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-help"></a>
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-save"></a>
        <a href="../index.html" class="easyui-linkbutton" plain="true" iconCls="icon-back"></a>
    </div>

Como puede ver, la propiedad iconCls es una clase CSS de icono, que muestra una imagen de icono en el botón.

A veces es necesario deshabilitar un botón de enlace (Link Button) o habilitarlo. El siguiente código demuestra cómo deshabilitar un botón de enlace (Link Button):

    $(selector).linkbutton('disable');    // call the 'disable' method