finestra jQuery EasyUI - Creare una semplice finestra
Creare una finestra (finestra) è molto semplice, creiamo un tag DIV:
<Div id = "vincere" class = titolo "easyui-finestra" = stile "My Window" = "width: 300px; height: 100px; padding: 5px;"> Alcuni contenuti. </ Div>
Ora eseguire la pagina di prova, verrà visualizzata una finestra (finestra) viene visualizzato sullo schermo. Non abbiamo bisogno di scrivere codice JavaScript.
Se si desidera creare una finestra nascosta (finestra), ricordarsi di impostare la proprietà 'chiuso' a 'vero' valore, è possibile chiamare il metodo 'aperto' per aprire la finestra (finestra):
<Div id = "vincere" class = titolo "easyui-finestra" = "My Window" chiuso = "true" style = "width: 300px; height: 100px; padding: 5px;"> Alcuni contenuti. </ Div>
. $ ( '# Win') Finestra ( 'aperta');
Come ultimo esempio dimostra, creiamo una finestra di login (finestra):
<Div id = "vincere" class = "easyui-finestra" title = stile "Login" = "width: 300px; height: 180px;"> <Form style = "padding: 10px 20px 10px 40px;"> <P> Nome: <input type = "text"> </ p> <P> Passo: <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"> Annulla </a> </ Div> </ Form> </ Div>