jQuery EasyUI window - tata letak jendela
tata letak komponen dapat tertanam di jendela (window) dalam. Kita dapat membuat jendela tata letak yang kompleks, Anda bahkan tidak perlu menulis kode js. kerangka jquery-easyui untuk membantu kami melakukan rendering di latar belakang dan menyesuaikan ukuran.
Sebagai contoh, kita membuat sebuah jendela (window), yang terdiri dari dua bagian, satu di sebelah kiri tempat di sebelah kanan. Pada jendela sebelah kiri (window) kita membuat menu tree (pohon), di jendela kanan (jendela) kita membuat tab kontainer.
<Div class = "easyui-window" title = "Layout Window" icon = "icon-help" style = "width: 500px; height: 250px; padding: 5px; background: #fafafa;"> <Div class = "easyui-layout" cocok = "true"> <Wilayah Div = "barat" split = "true" style = "width: 120px;"> <Ul class = "easyui-pohon"> <Li> <Span> Library </ span> <Ul> <Li> <span> easyui </ span> </ li> <Li> <span> Musik </ span> </ li> <Li> <span> Gambar </ span> </ li> <Li> <span> database </ span> </ li> </ Ul> </ Li> </ Ul> </ Div> <Wilayah Div = "center" border = "false" border = "false"> <Div class = "easyui-tab" cocok = "true"> <Div title = "Home" style = "padding: 10px;"> jQuery easyui kerangka membantu Anda membangun halaman web Anda dengan mudah. </ Div> <Div title = "Kontak"> Tidak ada data kontak. </ Div> </ Div> </ Div> <Wilayah Div = "selatan" border = "false" style = "text-align: right; height: 30px; line-height: 30px;"> <a class="easyui-linkbutton" icon="icon-ok" href="javascript:void(0)"> Ok </a> <a class="easyui-linkbutton" icon="icon-cancel" href="javascript:void(0)"> Batal </a> </ Div> </ Div> </ Div>
Lihatlah kode di atas, kita hanya menggunakan tag HTML, jendela tata letak kompleks (window) akan ditampilkan. Ini adalah kerangka jquery-easyui, sederhana dan kuat.