fenêtre jQuery EasyUI - avec une boîte de dialogue pour personnaliser les barres d'outils et boutons
Vous pouvez créer une barre d'outils (barre d'outils) et des boutons (bouton) dialogue (dialogue), vous pouvez créer les balises HTML. Ce tutoriel explique comment ajouter une barre d'outils (barre d'outils) et des boutons (bouton) à la boîte de dialogue (de dialogue), sans aucun code javascript.
Créer boîte de dialogue (Dialog)
<Div id = classe "dd" = "easyui-dialogue" title = Style "My Dialog" = "width: 400px; height: 200px; padding: 10px" barre d'outils = "# dlg-barre d'outils" boutons = "# dlg-boutons"> Contenu de dialogue. </ Div>
Créer une barre d'outils (barre d'outils)
<Div id = "dlg-barre d'outils"> <Tableau cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"> Modifier </a> <a href="#" class="easyui-linkbutton" iconCls="icon-help" plain="true"> Aide </a> </ Td> <Td style = "text-align: right"> <Entrée> </ input> <a href="#" class="easyui-linkbutton" iconCls="icon-search" plain="true"> </a> </ Td> </ Tr> </ Table> </ Div>
bouton Créer (Boutons)
<div id = "dlg-boutons"> <Tableau cellpadding = "0" cellspacing = "0" style = "width: 100%"> <Tr> <Td> <Img src = "email.gif" /> </ Td> <Td style = "text-align: right"> <a href="#" class="easyui-linkbutton" iconCls="icon-save" onclick="javascript:alert('save')"> Enregistrer </a> <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dd').dialog('close')"> Fermer </a> </ Td> </ Tr> </ Table> </ Div>
S'il vous plaît noter que la boîte de dialogue (de dialogue) la barre d'outils (barre d'outils) et des boutons (boutons) propriétés peuvent également être spécifiés par la valeur de chaîne, car il agira comme un sélecteur pour sélectionner un élément DIV approprié et l'ajoute à la barre d'outils (barre d'outils) ou les boutons (boutons) Position.