fenêtre jQuery EasyUI - créer de dialogue
Dialog (Dialog) est une fenêtre spéciale (fenêtre), il peut être inclus dans la barre d'outils en haut et en bas de la touche. Par défaut, la boîte de dialogue (Dialog) ne peut pas être redimensionné, mais l'utilisateur peut définir la propriété redimensionnable est vrai, il peut changer la taille.
Créer boîte de dialogue (Dialog)
Dialog (Dialog) est très simple, vous pouvez créer des balises de DIV, comme suit:
<Div id = classe "dd" style = "easyui-dialogue" = "padding: 5px; largeur: 400px; height: 200px;" title = iconCls "Mon dialogue" = "icon-ok" barre d'outils = "# dlg-barre d'outils" boutons = "# dlg-boutons"> Contenu de dialogue. </ Div>
Préparer la barre d'outils (barre d'outils) et des boutons (Button)
<Div id = "dlg-barre d'outils"> <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Ajouter </a> <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Enregistrer </a> </ Div> <div id = "dlg-boutons"> <a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="javascript:alert('Ok')"> </a> Ok <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Annuler </a> </ Div>
Le code ci-dessus, nous créons une boîte de dialogue avec une barre d'outils (barre d'outils) et des boutons (bouton) de (dialogue). Ceci est la boîte de dialogue (de dialogue), la barre d'outils (barre d'outils), contenu (contenu) et les boutons (boutons) standard.