jQuery EasyUI Data Grid - Add-Box
Dieses Beispiel zeigt, wie Sie eine Box in der Spalte mit dem Datenraster zu platzieren (Datagrid). Ankreuzfelder, hat der Benutzer die Möglichkeit, die Rasterlinien von Daten zu aktivieren / deaktivieren.
Um ein Kontrollkästchen Spalte hinzuzufügen, brauchen wir nur noch eine Spalte Attribut Checkbox hinzuzufügen und es auf true gesetzt. -Code wie folgt:
<Table id = "tt" title = "Aktivieren Sie die Checkbox" class = "easyui-Datagrid" style = "width: 550px; height: 250px" url = "data / datagrid_data.json" idField = "itemid" Paginierung = "true" iconCls = "Symbol-save"> <Thead> <Tr> <Th Feld = "ck" Checkbox = "true"> </ th> <Th Feld = "itemid" width = "80"> Item ID </ th> <Th Feld = "productid" width = "80"> Product ID </ th> <Th Feld = "gelisteter" width = "80" align = "right"> Listenpreis </ th> <Th Feld = "Unitcost" width = "80" align = "right"> Kosten pro Einheit </ th> <Th Feld = "attr1" width = "100"> Attribut </ th> <Th field = "status" width = "60" align = "center"> Status </ th> </ Tr> </ Thead> </ Table>
Der obige Code hinzugefügt, um eine Checkbox Spalte mit Attributen, so wird es eine Checkbox Spalte werden. Wenn idField Eigenschaft gesetzt wurde, bleibt das Datenraster (Datagrid) Auswahl eingestellt auf verschiedenen Seiten.