El mejor tutorial de ventana de jQuery EasyUI - crear diálogo en 2024. En este tutorial podrás aprender Descargar ejemplos de jQuery EasyUI,
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.
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>
<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).