jQuery EasyUI Menü- und Button-Plugin -Splitbutton
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 Plugin Weitere Erweiterungen