jQuery EasyUI Window -Création d'une fenêtre simple

Créer une fenêtre est très simple ; nous créons une balise DIV :

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

Maintenant, exécutez la page de test, et vous verrez une fenêtre s'afficher sur votre écran. Nous n'avons pas besoin d'écrire de code JavaScript.

Si vous souhaitez créer une fenêtre masquée, n'oubliez pas de définir la propriété 'closed' sur 'true'. Vous pouvez appeler la méthode 'open' pour ouvrir la fenêtre :

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

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

Comme dernier exemple de démonstration, nous créons une fenêtre de connexion :

<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>

Télécharger les exemples jQuery EasyUI

jeasyui-win-win1.zip