1. Heim
  2. jQuery EasyUI Fenster - legen Sie im Dialog

Das beste jQuery EasyUI Fenster - legen Sie im Dialog-Tutorial im Jahr 2024. In diesem Tutorial können Sie Download von jQuery EasyUI Beispiele, lernen

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.

Download von jQuery EasyUI Beispiele

jeasyui-win-dlg1.zip

Hot Tutorials

Kontaktiere uns

jQuery EasyUI Fenster - legen Sie im Dialog
10/30