El mejor tutorial de ventana de jQuery EasyUI - crear diálogo en 2024. En este tutorial podrás aprender Descargar ejemplos de jQuery EasyUI,

ventana de jQuery EasyUI - crear diálogo

Diálogo (diálogo) es una ventana especial (ventana), que puede ser incluida en la barra de herramientas en la parte superior y en la parte inferior del botón. De forma predeterminada, el cuadro de diálogo (diálogo) no se puede cambiar el tamaño, pero el usuario puede establecer la propiedad de tamaño variable es cierto, se puede cambiar el tamaño.

Crear diálogo (diálogo)

De diálogo (diálogo) es muy simple, puede crear etiquetas de DIV, de la siguiente manera:

	id = clase "dd" <div = estilo "-easyui de diálogo" = "padding: 5px; ancho: 400px; altura: 200px;"
			title = "Mi iconCls diálogo" = "icono-ok"
			barra de herramientas de botones = = "DLG-botones #" "# DLG-Barra de Herramientas">
		Contenido de diálogo.
	</ Div>

Preparar la barra de herramientas (barra de herramientas) y los botones (Button)

	<Div id = "DLG-barra de herramientas">
		<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Añadir </a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Guardar </a>
	</ Div>
	<id = "DLG-botones" div>
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')"> </a> Ok
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Cancelar </a>
	</ Div>

El código de arriba crea un diálogo con una barra de herramientas (barra de herramientas) y los botones (botón) del (de diálogo). Este es el cuadro de diálogo (diálogo), la barra de herramientas (barra de herramientas), el contenido (contenido) y los botones estándar (botones).

Descargar ejemplos de jQuery EasyUI

jeasyui-win-dlg1.zip

ventana de jQuery EasyUI - crear diálogo
10/30