jQuery EasyUI window - dengan kotak dialog untuk menyesuaikan toolbar dan tombol
Anda dapat membuat toolbar dengan (toolbar) dan tombol (tombol) dialog (dialog), Anda dapat membuat tag HTML. Tutorial ini menjelaskan cara menambahkan toolbar (toolbar) dan tombol (tombol) ke kotak dialog (dialog), tanpa kode javascript.
Buat dialog (Dialog)
<Div id = "dd" class = "easyui-dialog" title = "Dialog saya" style = "width: 400px; height: 200px; padding: 10px" toolbar = "# dlg-toolbar" tombol = "# dlg-tombol"> Konten dialog. </ Div>
Buat toolbar (Toolbar)
<Div id = "dlg-toolbar"> <Table cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> Sunting </a> <a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> Bantuan </a> </ Td> <Td style = "text-align: right"> <Input> </ input> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </a> </ Td> </ Tr> </ Table> </ Div>
tombol Buat (Tombol)
<Div id = "dlg-tombol"> <Table cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <Img src = "email.gif" /> </ Td> <Td style = "text-align: right"> <a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="javascript:alert('save')"> bintang </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Tutup </a> </ Td> </ Tr> </ Table> </ Div>
Harap dicatat bahwa kotak dialog (dialog) toolbar (toolbar) dan tombol (tombol) sifat juga dapat ditentukan oleh nilai string, karena akan bertindak sebagai pemilih untuk memilih elemen DIV tepat dan menambahkan ke toolbar (toolbar) atau tombol (tombol) posisi.