fenêtre jQuery EasyUI - Création d'une simple fenêtre
Créer une fenêtre (fenêtre) est très simple, nous créons une balise DIV:
<Div id = "gagner" class = "easyui-fenêtre" title = Style "My Window" = "width: 300px; height: 100px; padding: 5px;"> Certains contenu. </ Div>
Maintenant, exécutez la page de test, vous verrez une fenêtre (fenêtre) est affiché sur votre écran. On n'a pas besoin d'écrire de code javascript.
Si vous voulez créer une fenêtre masquée (fenêtre), rappelez-vous de définir la propriété 'fermée' à 'true' valeur, vous pouvez appeler la méthode «ouverte» pour ouvrir la fenêtre (fenêtre):
<Div id = "gagner" class = "easyui-fenêtre" title = style = "My Window" fermé "true" = "width: 300px; height: 100px; padding: 5px;"> Certains contenu. </ Div>
. $ ( '# Win') fenêtre ( «ouvert»);
Comme le montre le dernier exemple, nous créons une fenêtre de connexion (fenêtre):
<Div id = "gagner" class = title = le style "easyui-fenêtre" "Login" = "width: 300px; height: 180px;"> <Style Form = "padding: 10px 20px 10px 40px;"> <P> Nom: <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"> </a> Ok <a href="#" class="easyui-linkbutton" icon="icon-cancel"> Annuler </a> </ Div> </ Form> </ Div>