jQuery EasyUI Plugin de menú y botón -Splitbutton Botón dividido

jQuery EasyUI 插件jQuery EasyUI Plugins

Se extiende desde $.fn.linkbutton.defaults. Sobrescribe los defaults predeterminados mediante $.fn.splitbutton.defaults.

Similar al botón de menú (menubutton), el botón dividido (splitbutton) también está relacionado con el botón de enlace (linkbutton) y el menú (menu). A diferencia del botón de menú (menubutton), el botón dividido (splitbutton) está dividido en dos partes. Cuando se mueve el mouse sobre el botón dividido (splitbutton), se muestra una línea divisoria. Solo cuando se mueve el mouse sobre la parte derecha del botón dividido (splitbutton) se muestra el menú (menu).

Dependencias

  • menubutton

Uso

Cree un botón dividido (splitbutton) a partir del marcado.

<a href="#" id="sb" class="easyui-splitbutton"
    data-options="menu:'#mm',iconCls:'icon-ok'" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
    <div data-options="iconCls:'icon-ok'">Ok</div>
    <div data-options="iconCls:'icon-cancel'">Cancel</div>
</div>

Cree un botón dividido (splitbutton) usando JavaScript.

<a href="#" id="sb" onclick="javascript:alert('ok')">Ok</a>
<div id="mm" style="width:100px;">
...
</div>

$('#sb').splitbutton({
    iconCls: 'icon-ok',
    menu: '#mm'
});

Propiedades

Estas propiedades se extienden desde el botón de enlace (linkbutton). A continuación se muestran las propiedades agregadas por el botón dividido (splitbutton).

Nombre Tipo Descripción Valor por defecto
plain boolean Si se establece en true, se muestra un efecto simple. true
menu string El selector utilizado para crear el menú (menu) correspondiente. null
duration number La duración, en milisegundos, definida para mostrar el menú (menu) cuando se pasa el cursor sobre el botón. 100

Métodos

Estos métodos se heredan del botón de enlace (linkbutton). A continuación se presentan los métodos agregados o sobrescritos por el botón dividido (splitbutton).

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
disable none Deshabilitar el botón dividido (splitbutton). Ejemplo de código:
$('#sb').splitbutton('disable');
enable none Habilitar el botón dividido (splitbutton). Ejemplo de código:
$('#sb').splitbutton('enable');
destroy none Destruir el botón dividido (splitbutton).
jQuery EasyUI 插件jQuery EasyUI Plugins Otras extensiones