jQuery EasyUI Menü- & Button-Plugin -Menubutton

jQuery EasyUI 插件jQuery EasyUI Plugins

Erbt von $.fn.linkbutton.defaults. Überschreiben Sie die Standardwerte über $.fn.menubutton.defaults.

Der Menubutton ist Teil eines Drop-down-Menüs. Er ist mit dem Linkbutton und dem Menü verbunden. Er zeigt den Linkbutton an und verbirgt das Menü. Wenn der Benutzer auf den Linkbutton klickt oder die Maus darüber bewegt, wird das Menü angezeigt, damit der Benutzer darauf klicken kann.

Abhängigkeiten

  • menu
  • linkbutton

Nutzung

Normalerweise wird der Menubutton deklarativ aus Markup erstellt.

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

Erstellen Sie einen Menubutton mit JavaScript.

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

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

Eigenschaften

Die Eigenschaften erben von Linkbutton. Im Folgenden sind die für Menubutton hinzugefügten Eigenschaften aufgeführt.

Name Type Beschreibung Standardwert
plain boolesch Wenn auf true gesetzt, wird ein einfacher Effekt angezeigt. wahr
menu string Der Selektor, der zum Erstellen des entsprechenden Menüs verwendet wird. null
duration number Die Dauer in Millisekunden, um das Menü anzuzeigen, wenn über die Schaltfläche gefahren wird. 100

Methoden

Die Methoden werden von linkbutton geerbt. Die folgenden Methoden werden von menubutton hinzugefügt oder überschrieben.

Name Parameters Beschreibung
options none Gibt das Optionsobjekt zurück.
disable none Deaktiviert den menubutton.
enable none Aktiviert den menubutton.
destroy none Zerstört den menubutton.
jQuery EasyUI 插件jQuery EasyUI Plugins Weitere Erweiterungen