jQuery EasyUI Layout - membuat tab (Tab)
Tutorial ini menunjukkan kepada Anda bagaimana menggunakan delay untuk membuat komponen Tab easyui. Tab dapat memiliki beberapa dinamis menambahkan atau menghapus panel (panel). Anda dapat menggunakan Tab untuk menampilkan entitas yang berbeda pada halaman yang sama.
Tab hanya menunjukkan sekali panel (panel), masing-masing panel (panel) memiliki judul, ikon dan tombol tutup. Ketika Tab dipilih, panel display yang sesuai (panel) konten.
Membuat tag Tab dari HTML, berisi sejumlah wadah DIV DIV dan panel (panel).
<Div class = "easyui-tab" style = "width: 400px; height: 100px;"> <Div title = "Pertama Tab" style = "padding: 10px;"> Tab pertama </ Div> <Div title = "Kedua Tab" closable = "true" style = "padding: 10px;"> Tab kedua </ Div> <Div title = "Tab Ketiga" iconCls = "icon-reload" closable = "true" style = "padding: 10px;"> Tab ketiga </ Div> </ Div>
Kami membuat komponen dengan tiga panel Tab (panel), panel kedua dan ketiga (panel) dapat ditutup dengan mengklik tombol Close.