menu jQuery EasyUI e pulsanti - pulsante di divisione Crea
Pulsante Split (Pulsante Split) contiene un pulsante di collegamento (Bottone) e un menù (Menu). Quando l'utente fa clic sulla freccia verso il basso, o librarsi sopra la regione verrà visualizzato un menu corrispondente. Questo esempio dimostra come creare e utilizzare un pulsante di divisione (Pulsante Split).
Creiamo un pulsante di divisione (Pulsante Split) e un pulsante di collegamento (Bottone):
<Div style = "border: 1px solid #ccc; sfondo: #fafafa; padding: 5px; width: 120px;"> <a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-edit"> Modifica </a> <a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-help"> </a> </ Div> <Div id = stile "mm" = "width: 150px;"> <Div iconCls = "icona-undo"> Annulla </ div> <Div iconCls = "icona-redo"> Ripristina </ div> <Div class = "menù-Set"> </ div> <Div> Taglia </ div> <Div> Copia </ div> <Div> Incolla </ div> <Div class = "menù-Set"> </ div> <Div> <Span> Apri </ span> <Div style = "width: 150px;"> <Div> Firefox </ div> <Div> Internet Explorer </ div> <Div class = "menù-Set"> </ div> <Div> Select Program ... </ div> </ Div> </ Div> <Div iconCls = "icona-remove"> Elimina </ div> <Div> Seleziona tutto </ div> </ Div>
Ora ha definito un pulsante di divisione (pulsante Split), non è necessario scrivere alcun codice javascript.