finestra jQuery EasyUI - creare dialogo
Finestra (finestra) è una finestra speciale (finestra), può essere incluso nella barra strumenti nella parte superiore e nella parte inferiore del pulsante. Per impostazione predefinita, la finestra di dialogo (dialogo) non può essere ridimensionato, ma l'utente può impostare la proprietà ridimensionabile è vero, si può modificare la dimensione.
Crea finestra di dialogo (dialogo)
Dialog (Dialogo) è molto semplice, è possibile creare tag da DIV, come segue:
<Div id = "dd" class = stile "easyui-dialogo" = "padding: 5px; width: 400px; height: 200px;" title = iconCls "La mia finestra di dialogo" = "icona-ok" toolbar = pulsanti = "DLG bottoni #" "# DLG-barra degli strumenti"> Contenuti finestra. </ Div>
Preparare la barra degli strumenti (barra degli strumenti) e pulsanti (Button)
<Div id = "DLG-barra degli strumenti"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Aggiungere </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Salva </a> </ Div> <id = "-pulsanti DLG" div> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')"> Ok </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Annulla </a> </ Div>
Il codice di cui sopra creare una finestra di dialogo con una barra degli strumenti (toolbar) e pulsanti (pulsante) di (finestra). Questa è la finestra di dialogo (dialogo), la barra degli strumenti (toolbar), contenuti (content) e pulsanti standard (pulsanti).