-
jQuery EasyUI corso
jEasyUI applicazione
- jEasyUI Creazione di un'applicazione CRUD
- jEasyUI La creazione di una griglia di dati CRUD
- jEasyUI modulo di domanda CRUD
- jEasyUI Creare un lettore RSS
jEasyUI Drag and Drop
- jEasyUI il drag and drop di base
- jEasyUI Creare goccia carrello della spesa
- jEasyUI Creazione di un curriculum scolastico
jEasyUI Menu e pulsanti
- jEasyUI Creazione di un menu semplice
- jEasyUI Crea pulsante Link
- jEasyUI Creare un pulsante di menu
- jEasyUI Crea pulsante di divisione
jEasyUI disposizione
- jEasyUI Creazione di un layout di confine
- jEasyUI Creare layout complessi
- jEasyUI Creare pannello pieghevole
- jEasyUI scheda Crea
- jEasyUI Dinamicamente aggiungere schede
- jEasyUI Aggiungere scheda AutoPlay
- jEasyUI Creare XP Style sul pannello laterale sinistro
jEasyUI Data Grid
- jEasyUI Convertito in griglia di dati tabella HTML
- jEasyUI Ottenere riga di dati selezionati
- jEasyUI Aggiungere inchiesta
- jEasyUI Aggiungere barra degli strumenti
- jEasyUI Creare barre degli strumenti complessi
- jEasyUI Impostazione colonne freeze
- jEasyUI Modifica colonna dinamica
- jEasyUI Formato colonne
- jEasyUI Impostare il tipo
- jEasyUI ordinazione su ordinazione
- jEasyUI Creare una combinazione di colonne
- jEasyUI Aggiungere casella di controllo
- jEasyUI paging personalizzato
- jEasyUI Abilita la modifica in linea
- jEasyUI Editor esteso
- jEasyUI operazione colonna
- jEasyUI cella unita
- jEasyUI Creare una visualizzazione personalizzata
- jEasyUI Creare sintesi footer
- jEasyUI Condizioni colore di sfondo impostato fila
- jEasyUI Creare una griglia delle proprietà
- jEasyUI Linee Expanded Mostra Dettagli
- jEasyUI creare suddivisioni
- jEasyUI Visualizza i dati di massa
- jEasyUI Aggiungere un componente pagina
jEasyUI finestra
- jEasyUI Creazione di una semplice finestra
- jEasyUI Barre degli strumenti finestra personalizzata
- jEasyUI Finestra e Layout
- jEasyUI Crea finestra
- jEasyUI Personalizzare la finestra di dialogo
jEasyUI Albero del menu
- jEasyUI Utilizzare i tag per creare menu ad albero
- jEasyUI Creare menu ad albero asincrono
- jEasyUI L'aggiunta di un menu ad albero nodo
- jEasyUI Creare menu ad albero con caselle di controllo
- jEasyUI Trascinare e rilasciare il controllo menu ad albero
- jEasyUI menu Load albero nodi padre / figlio
- jEasyUI Creazione di un albero a base di griglia
- jEasyUI Creare una rete complessa albero
- jEasyUI griglia albero caricata dinamicamente
- jEasyUI Aggiungere una scheda albero Griglia
- jEasyUI Pigro carico albero dei nodi di rete
jEasyUI modulo
- jEasyUI Invia il modulo per creare un asincrono
- jEasyUI Forms Authentication
- jEasyUI Creare una casella albero discesa
- jEasyUI casella a discesa Formato
- jEasyUI Filtro griglia di dati a discesa
jEasyUI Manuale di riferimento
Il miglior tutorial jQuery EasyUI Data Grid - barra degli strumenti Nel 2024, in questo tutorial puoi imparare Scarica esempi jQuery EasyUI,
jQuery EasyUI Data Grid - barra degli strumenti
Questo esempio dimostra come aggiungere una barra degli strumenti (toolbar) alla griglia di dati (DataGrid).
La creazione di una griglia di dati (DataGrid)
<Table id = "tt" class = stile "easyui-DataGrid" = "width: 600px; height: 250px"
url = "dati / datagrid_data.json"
title = "iconCls DataGrid con barra degli strumenti" = "icona-save"
toolbar = "# tb">
<Thead>
<Tr>
<Field Th = "Itemid" width = "80"> ID Articolo </ th>
<Field Th = larghezza "ProductID" = "80"> ID prodotto </ th>
<Th campo = larghezza "prezzo di listino" = "80" align = "right"> Listino </ th>
<Field Th = "Costounitario" width = "80" align = "right"> Costo Unità </ th>
<Th campo = larghezza "attr1" = "150"> attributo </ th>
<Field Th = "status" width = "60" align = "center"> Stauts </ th>
</ Tr>
</ Thead>
</ Table>
<Div id = "tb">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="javascript:alert('Add')"> Aggiungere </a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true" onclick="javascript:alert('Cut')"> Tagliare </a>
<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true" onclick="javascript:alert('Save')"> Salva </a>
</ Div>
Non abbiamo bisogno di scrivere alcun codice JavaScript semplicemente proprietà barra collegata 'toolbar' (barra degli strumenti) per la griglia di dati (DataGrid).