ventana de jQuery EasyUI - Creación de una simple ventana
Crear una ventana (ventana) es muy simple, creamos una etiqueta DIV:
<Div id = "ganar" class = "easyui-ventana" title = estilo "Mi Ventana" = "width: 300px; altura: 100px; padding: 5px;"> Algunos contenido. </ Div>
Ahora ejecute la página de prueba, verá una ventana (ventana) se visualiza en la pantalla. No necesitamos que escribir ningún código Javascript.
Si desea crear una ventana oculta (ventana), recuerde que debe establecer la propiedad "cerrada" a "verdadero" valor, se puede llamar al método "abierto" para abrir la ventana (ventana):
<Div id = "ganar" class = título "easyui-ventana" = cerrado = estilo "verdadero" "Mi Ventana" = "width: 300px; altura: 100px; padding: 5px;"> Algunos contenido. </ Div>
. $ ( '# Victorias') ventana ( "abierta");
Como último ejemplo demuestra, creamos una ventana de inicio de sesión (ventana):
<Div id = "ganar" class = title = estilo "easyui-ventana" "Login" = "width: 300px; altura: 180px;"> <Forma style = "padding: 10px 20px 10px 40px;"> <P> Nombre: <input type = "text"> </ p> <P> Pass: <input type = "password"> </ p> <Div style = "padding: 5px; text-align: center;"> <a href="#" class="easyui-linkbutton" icon="icon-ok"> Ok </a> <a href="#" class="easyui-linkbutton" icon="icon-cancel"> Cancelar </a> </ Div> </ Form> </ Div>