jQuery EasyUI Data Grid - Ajouter boîte
Cet exemple montre comment placer une boîte dans la colonne de la grille de données (DataGrid). Checkboxes, l'utilisateur aura la possibilité de sélectionner / désélectionner les lignes de la grille de données.
Pour ajouter une colonne de case à cocher, nous avons juste besoin d'ajouter un attribut case de la colonne et le mettre à true. Code de la manière suivante:
<Table id = "tt" title = class = le style "Checkbox Select" "easyui-datagrid" = "width: 550px; height: 250px" url = "data / datagrid_data.json" = zone ID "itemid" pagination = "true" iconCls = "icon-save"> <Thead> <Tr> <Th field = case "ck" = "true"> </ th> <Field Th = "itemid" width = "80"> ID de l'article </ th> <Field Th = "ProductID" width = "80"> ID de produit </ th> <Th field = largeur "ListPrice" = "80" align = "right"> Prix </ th> <Field Th = "unitcost" width = "80" align = "right"> Coût unitaire </ th> <Field Th = largeur "de attr1" = "100"> Attribut </ th> <Field Th = "status" width = "60" align = "center"> Statut </ th> </ Tr> </ Thead> </ Table>
Le code ci-dessus a ajouté une case à cocher des attributs de colonne, de sorte qu'il deviendra une colonne de cases à cocher. Si la propriété zone ID a été défini, la grille de données (DataGrid) sélection reste réglé sur différentes pages.