jQuery EasyUI Menü- und Button-Plugin -Splitbutton


jQuery EasyUI 插件jQuery EasyUI Plugin

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

Ähnlich wie der menubutton ist auch der splitbutton mit dem linkbutton und dem Menü verbunden. Im Gegensatz zum menubutton ist der splitbutton in zwei Teile geteilt. Wenn die Maus über den splitbutton bewegt wird, wird eine Trennlinie angezeigt. Das Menü wird nur angezeigt, wenn die Maus über den rechten Teil des splitbutton bewegt wird.

Abhängigkeiten

  • menubutton

Nutzung

Erstellen Sie splitbutton aus Markup.

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

Erstellen Sie splitbutton mit 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'
});

Eigenschaften

Die Eigenschaften erben von linkbutton. Die folgenden sind die hinzugefügten Eigenschaften von splitbutton.

Name Type Beschreibung Standardwert
plain boolesch Wenn auf true gesetzt, wird ein einfacher Effekt angezeigt. wahr
menu string Ein Selektor, der verwendet wird, um das entsprechende Menü zu erstellen. null
duration number Die Dauer in Millisekunden, um das Menü anzuzeigen, wenn Sie mit dem Mauszeiger über die Schaltfläche fahren. 100

Methoden

Die Methoden erben von linkbutton. Die folgenden sind die hinzugefügten oder überschriebenen Methoden von splitbutton.

Name Parameter Beschreibung
options none Gibt das Optionsobjekt zurück.
disable none Deaktivieren Sie splitbutton. Beispielcode:
$('#sb').splitbutton('disable');
enable none Aktivieren Sie splitbutton. Beispielcode:
$('#sb').splitbutton('enable');
destroy none Zerstören Sie splitbutton.

jQuery EasyUI 插件jQuery EasyUI Plugin Weitere Erweiterungen