jQuery EasyUI Ventana -Crear una ventana simple

Crear una ventana (window) es muy simple, creamos una etiqueta DIV:

<div id="win" class="easyui-window" title="My Window" style="width:300px;height:100px;padding:5px;">
    Some Content.
</div>

Ahora ejecute la página de prueba, verá una ventana (window) mostrada en su pantalla. No necesitamos escribir ningún código JavaScript.

Si desea crear una ventana (window) oculta, recuerde establecer el atributo 'closed' como 'true', puede llamar al método 'open' para abrir la ventana (window):

<div id="win" class="easyui-window" title="My Window" closed="true" style="width:300px;height:100px;padding:5px;">
    Some Content.
</div>

$('#win').window('open');

Como demostración final de ejemplo, creamos una ventana (window) de inicio de sesión:

<div id="win" class="easyui-window" title="Login" style="width:300px;height:180px;">
    <form style="padding:10px 20px 10px 40px;">
        <p>Name: <input type="text"></p>
        <p>Pass: <input type="password"></p>
        <div style="padding:5px;text-align:center;">
            <a href="../index.html" class="easyui-linkbutton" icon="icon-ok">Ok</a>
            <a href="../index.html" class="easyui-linkbutton" icon="icon-cancel">Cancel</a>
        </div>
    </form>
</div>

Descargar ejemplos de jQuery EasyUI

jeasyui-win-win1.zip