Plugin de menú y botones de jQuery EasyUI -Botón de menú Menubutton

jQuery EasyUI 插件Plugin de jQuery EasyUI

Se extiende desde $.fn.linkbutton.defaults. Sobrescriba los defaults por defecto mediante $.fn.menubutton.defaults.

El botón de menú (menubutton) es parte de un menú desplegable. Está relacionado con el botón de enlace (linkbutton) y el menú (menu). Muestra el botón de enlace (linkbutton) y oculta el menú (menu). Cuando el usuario hace clic o mueve el ratón sobre el botón de enlace (linkbutton), se mostrará el menú (menu) para permitir al usuario hacer clic en el menú.

Dependencias

  • menu
  • linkbutton

Uso

Normalmente, el botón de menú (menubutton) se crea de forma declarativa a partir del marcado.

<a href="#" id="mb" class="easyui-menubutton"
    data-options="menu:'#mm',iconCls:'icon-edit'">Edit</a>
<div id="mm" style="width:150px;">
    <div data-options="iconCls:'icon-undo'">Undo</div>
    <div data-options="iconCls:'icon-redo'">Redo</div>
    <div class="menu-sep"></div>
    <div>Cut</div>
    <div>Copy</div>
    <div>Paste</div>
    <div class="menu-sep"></div>
    <div data-options="iconCls:'icon-remove'">Delete</div>
    <div>Select All</div>
</div>

Crear el botón de menú (menubutton) usando javascript.

<a href="#" id="mb">Edit</a>
<div id="mm" style="width:150px">
...
</div>

$('#mb').menubutton({
    iconCls: 'icon-edit',
    menu: '#mm'
});

Propiedades

Estas propiedades se extienden desde el botón de enlace (linkbutton), a continuación se muestran las propiedades añadidas del botón de menú (menubutton).

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

Métodos

Estos métodos se heredan del botón de enlace (linkbutton), a continuación se muestran los métodos añadidos o sobrescritos del botón de menú (menubutton).

Nombre Parámetros Descripción
options none Devuelve el objeto de opciones (options).
disable none Deshabilita el botón de menú (menubutton).
enable none Habilita el botón de menú (menubutton).
destroy none Destruye el botón de menú (menubutton).
jQuery EasyUI 插件Plugin de jQuery EasyUI Otras extensiones