jQuery EasyUI jendela - Membuat jendela yang sederhana
Membuat jendela (window) yang sangat sederhana, kami membuat tag DIV:
<Div id = "menang" class = "easyui-window" title = "My Window" style = "width: 300px; height: 100px; padding: 5px;"> Beberapa Konten. </ Div>
Sekarang jalankan halaman tes, Anda akan melihat jendela (window) ditampilkan pada layar Anda. Kami tidak perlu menulis kode javascript.
Jika Anda ingin membuat jendela tersembunyi (window), ingatlah untuk mengatur 'ditutup' properti untuk 'benar' nilai, Anda dapat memanggil metode 'terbuka' untuk membuka jendela (window):
<Div id = "menang" class = "easyui-window" title = "My Window" tertutup = "true" style = "width: 300px; height: 100px; padding: 5px;"> Beberapa Konten. </ Div>
. $ ( '# Win') window ( 'terbuka');
Sebagai contoh terakhir menunjukkan, kita membuat jendela login (window):
<Div id = "menang" class = "easyui-window" title = "Login" style = "width: 300px; height: 180px;"> <Form style = "padding: 10px 20px 10px 40px;"> <P> Nama: <input type = "text"> </ p> <P> Lulus: <input type = "password"> </ p> <Div style = "padding: 5px; text-align: center;"> <a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok </a> <a href="#" class="easyui-linkbutton" icon="icon-cancel"> Batal </a> </ Div> </ Form> </ Div>