jQuery EasyUI Menu & Button Plugin -Menubutton

jQuery EasyUI 插件Plugins jQuery EasyUI

Hérite de $.fn.linkbutton.defaults. Surchargez les valeurs par défaut via $.fn.menubutton.defaults.

Le menubutton fait partie d'un menu déroulant. Il est lié au linkbutton et au menu. Il affiche le linkbutton et masque le menu. Lorsque l'utilisateur clique ou déplace la souris sur le linkbutton, le menu s'affiche pour permettre à l'utilisateur de cliquer dessus.

Dépendances

  • menu
  • linkbutton

Utilisation

Habituellement, le menubutton est créé de manière déclarative à partir du balisage.

<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>

Créer un menubutton en JavaScript.

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

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

Propriétés

Les propriétés héritent de linkbutton. Voici les propriétés ajoutées pour menubutton.

Name Type Description Valeur par défaut
plain booléen Si défini sur true, un effet simple est affiché. vrai
menu string Le sélecteur utilisé pour créer le menu correspondant. null
duration nombre La durée en millisecondes pour afficher le menu lors du survol du bouton. 100

Méthodes

Les méthodes sont héritées de linkbutton. Voici les méthodes ajoutées ou surchargées par menubutton.

Name Parameters Description
options none Renvoie l'objet options.
disable none Désactive le menubutton.
enable none Active le menubutton.
destroy none Détruit le menubutton.
jQuery EasyUI 插件Plugins jQuery EasyUI Autres extensions