jQuery EasyUI Fenster - legen Sie im Dialog
Dialog (Dialog) ist ein spezielles Fenster (Fenster), es kann in der Werkzeugleiste am oberen und am unteren Rand des Knopfs aufgenommen werden. Standardmäßig kann das Dialogfeld (Dialog) nicht geändert werden, aber der Benutzer festlegen kann die veränderbare Eigenschaft true ist, kann es die Größe ändern.
Erstellen Dialog (Dialog)
Dialog (Dialog) ist sehr einfach, Sie Tags aus DIV erstellen können, wie folgt:
<Div id = "dd" class = "easyui-Dialog" style = "padding: 5px; width: 400px; height: 200px;" title = "My Dialog" iconCls = "icon-ok" Symbolleiste = "# dlg-Symbolleiste" Tasten = "# dlg-Tasten"> Dialog Inhalt. </ Div>
Bereiten Sie die Symbolleiste (Toolbar) und Tasten (Button)
<Div id = "dlg-Symbolleiste"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> </a> hinzufügen <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Speichern </a> </ Div> <Div id = "dlg-Tasten"> <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')"> </a> Abbrechen </ Div>
Der obige Code erstellen wir einen Dialog mit einer Symbolleiste (Toolbar) und Tasten (Button) von (Dialog). Dies ist das Dialogfeld (Dialog), die Werkzeugleiste (Toolbar), Inhalt (Content) und Tasten (Tasten) Standard.