menus et boutons jQuery EasyUI - Créer bouton partagé
bouton Split (Bouton Split) contient un bouton de lien (Link Button) et un menu (Menu). Lorsque l'utilisateur clique sur la flèche vers le bas, ou survoler la région affiche un menu correspondant. Cet exemple montre comment créer et utiliser un bouton de split (Bouton Split).
Nous créons un bouton partagé (Button Split) et un bouton de lien (lien Button):
<Style Div = "border: 1px solid #ccc; fond: #fafafa; padding: 5px; largeur: 120px;"> <a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> Modifier </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> </ Div> <Div id = style "mm" = "width: 150px;"> <Div iconCls = "icon-undo"> Annuler </ div> <Div iconCls = "icon-redo"> Redo </ div> <Class Div = "menu septembre"> </ div> <Div> Couper </ div> <Div> Copier </ div> <Div> Coller </ div> <Class Div = "menu septembre"> </ div> <Div> <Span> Ouvrir </ span> <Style Div = "width: 150px;"> <Div> Firefox </ div> <Div> Internet Explorer </ div> <Class Div = "menu septembre"> </ div> <Div> Sélectionner un programme ... </ div> </ Div> </ Div> <Div iconCls = "icon-remove"> Supprimer </ div> <Div> Sélectionner tout </ div> </ Div>
A maintenant défini un bouton partagé (Button Split), vous ne devez pas écrire de code javascript.