jQuery EasyUI menu dan tombol widget - tombol perpecahan Splitbutton
jQuery EasyUI Plugin Diperpanjang dari $ .fn.linkbutton.defaults. Dengan $ .fn.splitbutton.defaults menimpa default default.
Dan tombol menu (menubutton) yang sama, tombol link (linkbutton) dan menu (menu) pada tombol thumbnail (splitbutton). Dan tombol menu (menubutton) berbeda, tombol split (splitbutton) dibagi menjadi dua bagian. Ketika menggerakkan mouse ke tombol split (splitbutton), itu akan menampilkan garis pemisah. Hanya ketika Anda memindahkan mouse ketika bagian kanan tombol split untuk menampilkan menu (menu).
mengandalkan
- menubutton
pemakaian
Membuat tombol perpecahan dari tag (splitbutton).
<A href = "javascript: void (0)" id = class "sb" = "easyui-splitbutton"
Data-opsi = "menu: '# mm', iconCls: 'icon-ok'" onclick = "javascript: alert ( 'ok')"> Ok </a>
<Div id = "mm" style = "width: 100px;">
<Div Data-opsi = "iconCls: 'icon-ok'"> Ok </ div>
<Div Data-opsi = "iconCls: 'icon-membatalkan'"> Batal </ div>
</ Div>
Gunakan javascript untuk membuat tombol split (splitbutton).
<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',
menu: '#MM'
});
milik
Properti membentang dari tombol link (linkbutton), berikut ini adalah tombol split (splitbutton) meningkat properti.
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| plain | boolean | 如果设置为 true，则显示一个简单的效果。 | true |
| menu | string | 用于创建对应菜单（menu）的选择器。 | null |
| duration | number | 当悬停在按钮上时，以毫秒为单位定义的，显示菜单（menu）的持续时间。 | 100 |
cara
Metode yang diwarisi dari tombol link (linkbutton), berikut ini adalah tombol split (splitbutton) meningkat atau diganti metode.
| 名称 | 参数 | 描述 |
|---|---|---|
| options | none | 返回选项（options）对象。 |
| disable | none | 禁用分割按钮（splitbutton）。代码实例：
$('#sb').splitbutton('disable');
|
| enable | none | 启用分割按钮（splitbutton）。代码实例：
$('#sb').splitbutton('enable');
|
| destroy | none | 销毁分割按钮（splitbutton）。 |
jQuery EasyUI Plugin