jQuery EasyUI Data Grid - Aggiungi scatola
Questo esempio dimostra come posizionare una casella nella colonna alla griglia di dati (DataGrid). Le caselle di controllo, l'utente avrà la possibilità di selezionare / deselezionare le linee della griglia di dati.
Per aggiungere una colonna casella di controllo, abbiamo solo bisogno di aggiungere una casella di controllo attributo colonna e impostarlo su true. Codice come segue:
<Table id = titolo "tt" = "Casella di controllo Selezionare" class = stile "easyui-DataGrid" = "width: 550px; height: 250px" url = "dati / datagrid_data.json" idField = "Itemid" impaginazione = "true" iconCls = "icona-save"> <Thead> <Tr> <Field = casella di controllo Th "ck" = "true"> </ th> <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" = "100"> attributo </ th> <Field Th = "status" width = "60" align = "center"> Stato </ th> </ Tr> </ Thead> </ Table>
Il codice di cui sopra ha aggiunto una casella di controllo attributi colonna, in modo che diventi una colonna casella di controllo. Se la proprietà idField è stata impostata, la griglia di dati (DataGrid) selezione rimarrà impostato su pagine diverse.