menu jQuery EasyUI dan tombol - tombol Buat perpecahan
tombol split (pemecahan Button) berisi tombol link (Link Button) dan menu (Menu). Ketika pengguna mengklik panah bawah, atau arahkan kursor daerah akan menampilkan menu yang sesuai. Contoh ini menunjukkan cara membuat dan menggunakan tombol split (split Button).
Kami membuat tombol split (Berpisah Button) dan tombol link (Link Button):
<Div style = "border: 1px # ccc padat; background: #fafafa; padding: 5px; width: 120px;"> <a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> Sunting </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> </ Div> <Div id = "mm" style = "width: 150px;"> <Div iconCls = "icon-undo"> Undo </ div> <Div iconCls = "icon-redo"> Redo </ div> <Class Div = "menu-September"> </ div> <Div> Cut </ div> <Div> Copy </ div> <Div> Paste </ div> <Class Div = "menu-September"> </ div> <Div> <Span> Buka </ span> <Div style = "width: 150px;"> <Div> Firefox </ div> <Div> Internet Explorer </ div> <Class Div = "menu-September"> </ div> <Div> Pilih Program ... </ div> </ Div> </ Div> <Div iconCls = "icon-remove"> Hapus </ div> <Div> Pilih Semua </ div> </ Div>
Kini didefinisikan tombol split (Berpisah Button), Anda tidak perlu menulis kode javascript.