jQuery EasyUI Menü und Button-Widget - Splitbutton Split-Taste
Erweiterte von $ .fn.linkbutton.defaults. Mit $ außer Kraft setzen .fn.splitbutton.defaults die Standardeinstellungen zurück.
Und die Menü-Taste (menubutton) ähnlich, die Link-Taste (Linkbutton) und das Menü (Menü) auf Indexbild-Taste (Splitbutton). Und die Menü-Taste (menubutton) ist anders, Split-Taste (Splitbutton) ist in zwei Teile geteilt. Wenn Sie die Maus auf die Schaltfläche Split zu bewegen (Splitbutton) auf, wird es eine Trennlinie angezeigt werden soll. Nur wenn Sie die Maus bewegen, wenn der rechte Teil des geteilten Taste zur Anzeige des Menüs (Menü).
Verlassen Sie sich
- menubutton
Verwendung
Erstellen Sie Split-Taste aus dem Tag (Splitbutton).
<A href = "javascript: void (0)" id = "sb" class = "easyui-Splitbutton" Daten-Optionen = "Menü: '# mm', iconCls: 'icon-ok'" Onclick = "javascript: alert ( 'ok')"> Ok </a> <Div id = "mm" style = "width: 100px;"> <Div Daten-Optionen = "iconCls: 'icon-ok" "> Ok </ div> <Div Daten-Optionen = "iconCls: 'Icon-cancel" "> Abbrechen </ div> </ Div>
Verwenden Sie Javascript, Split-Taste (Splitbutton) zu erstellen.
<a href="javascript:void(0)" id="sb" onclick="javascript:alert('ok')"> Ok </a> <Div id = "mm" style = "width: 100px;"> ... </ Div>
$ ( '# Sb'). Splitbutton ({ iconCls: 'icon-ok', Menü: '#mm' });
Immobilien
Das Anwesen erstreckt sich über den Link-Taste (Linkbutton), die im Anschluss an die Split-Taste (Splitbutton) erhöhte Eigenschaften.
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
plain | boolean | 如果设置为 true,则显示一个简单的效果。 | true |
menu | string | 用于创建对应菜单(menu)的选择器。 | null |
duration | number | 当悬停在按钮上时,以毫秒为单位定义的,显示菜单(menu)的持续时间。 | 100 |
Weg
Das Verfahren aus dem Link-Taste (Linkbutton) geerbt, die im Anschluss an die Split-Taste (Splitbutton) erhöht oder Methoden außer Kraft gesetzt.
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
disable | none | 禁用分割按钮(splitbutton)。代码实例:
$('#sb').splitbutton('disable'); |
enable | none | 启用分割按钮(splitbutton)。代码实例:
$('#sb').splitbutton('enable'); |
destroy | none | 销毁分割按钮(splitbutton)。 |
jQuery Plugin EasyUI