Plugin de menú y botón jQuery EasyUI -Linkbutton (botón de enlace)

jQuery EasyUI 插件Plugin jQuery EasyUI

Reescriba los defaults predeterminados mediante $.fn.linkbutton.defaults.

El botón de enlace (linkbutton) se utiliza para crear un botón de hipervínculo. Es una representación de una etiqueta <a> normal. Puede mostrar un icono y texto, o solo uno de ellos. El ancho del botón puede contraerse/expandirse dinámicamente para adaptarse a su etiqueta de texto.

Uso

Crear un botón de enlace (linkbutton)

Es más fácil crear un botón de enlace (linkbutton) a partir del marcado.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

También se permite crear el botón de enlace (linkbutton) mediante programación.

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

Manejar el clic en el botón de enlace (linkbutton).

El clic en el botón de enlace (linkbutton) llevará al usuario a otra página.

<a href="otherpage.php.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

El siguiente ejemplo mostrará un mensaje de advertencia.

<a href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
    onclick="javascript:alert('easyui')">easyui</a>

Use jQuery para vincular el controlador de clic.

<a id="btn" href="../index.html" class="easyui-linkbutton" data-options="iconCls:'icon-search'">easyui</a>

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

Propiedades

Nombre Tipo Descripción Valor predeterminado
id string La propiedad id del componente. null
disabled boolean Si se establece en true, deshabilita el botón. false
toggle boolean Si se establece en true, permite al usuario alternar el estado seleccionado del botón. Esta propiedad está disponible desde la versión 1.3.3. false
selected boolean Define si el estado del botón está seleccionado. Esta propiedad está disponible desde la versión 1.3.3. false
group string Indica el nombre del grupo al que pertenece el botón. Esta propiedad está disponible desde la versión 1.3.3. null
plain boolean Si se establece en true, muestra un efecto simple. false
text string El texto del botón. ''
iconCls string Clase CSS para mostrar un icono de 16x16 a la izquierda. null
iconAlign string La posición del icono del botón. Valores posibles: 'left', 'right'. Esta propiedad está disponible desde la versión 1.3.2. left

Métodos

Nombre Parámetros Descripción
options none Devuelve la propiedad (property) de las opciones (options).
disable none Deshabilita el botón.
Ejemplo de código:
$('#btn').linkbutton('disable');
enable none Habilita el botón.
Ejemplo de código:
$('#btn').linkbutton('enable');
select none Selecciona el botón. Este método está disponible desde la versión 1.3.3.
unselect none Deselecciona el botón. Este método está disponible desde la versión 1.3.3.
jQuery EasyUI 插件Plugin jQuery EasyUI Otras extensiones