Colonne avec boutons dans un datagrid

Bonjour, je voudrais ajouter une colonne avec un bouton pour supprimer la ligne choisi, le grid s'affiche mais la colonne avec le bouton et le combobox affiche trois point. voici le code du grid:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

<table id="grid" jsid="grid" dojoType="dojox.grid.DataGrid" store="jsonStore" query="{nom: '*' }" clientSort="true" rowsPerPage="20" width="auto" > <thead> <tr>   <th width="auto" field="nom">Nom </th> <th width="auto" field="prenom">Prénom</th> <th width="auto" cellType="dojox.grid.cells.Button" >Button</th> <th width="auto" cellType="dojox.grid.cells.ComboBox" options="country,city,continent" editable="true">Type</th>   </tr> </thead> </table>

---

Salut,

Ton code n'est valable qu'en cas d'édition de la cellule (et d'ailleurs il est impossible avec un bouton).
Ainsi tu ne vois rien apparaitre car tu n'as pas inscrit d'attribut field. Ebn fait les "..." qui s'affichent représentent la valeur par défaut du DataGrid.

Si tu souhaites inscrire un bouton, tu peux utiliser le formatage de la cellule en générant toi-même ton code HTML.

Par exemple:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<script type="text/javascript"> function formatMonBouton(data, rowIndex) { //this correspond à la cellule en cours de génération //console.log(this); return '<button onClick=\'console.log("Mon bouton")\'>Action</button>'; } </script> ... <table id="grid" jsid="grid" dojoType="dojox.grid.DataGrid" store="jsonStore" query="{nom: '*' }" clientSort="true" rowsPerPage="20" width="auto" > <thead> <tr> <th width="auto" field="nom">Nom </th> <th width="auto" field="prenom">Prénom</th> <th width="auto" formatter="formatMonBouton" >Button</th> </tr> </thead> </table>

---

Mais tu peux aussi inscrire un field et formater en fonction de la valeur reçue...



ERE

Merci :yaisse2: