Par défaut Ajouter des icones supprimer et modifier a chaque ligne de datagrid

Bonjour,

S'il vous plait comment on peut ajouter a chaque ligne de datagrid des icones supprimer et modifier ,

car moi je sais faire en toolbar mais mon encadrant il veut l'autre type

Merci en avance

Bonjour,

Tu rajoute un attribut "renderer" à la colonne ou tu veux afficher ton icône et en suite tu cré une fonction de ce type :

Code:

---

1 2 3 4

function affichageIcon(val, meta, record) { return '<img style="cursor:pointer;" src=chemin/icon.png" width="15" height="15" />'; }

---

Ensuite à toi de mettre en place le reste pour code pour supprimer ou modifier selon tes besoins.

PS : Il y a surement plus propre (je n'en doute pas d’ailleurs) mais cette méthode la fonctionne très bien.

Merci boucoup abraxis ca fonctionne pour moi merci :ccool:

S'il vous plait moi mon code code avant c'est de clique double clique sur la ligne concerné pour qu'il m'affiche une interface de modification

voici le code que j'ai fait avant

Code:

---

1 2 3 4 5 6 7 8

// Handle double click action - edit a person. gridPanel.on('rowdblclick', function(gridPanel, rowIndex, e) { var selectedReference = siteDataStore.data.items[rowIndex].data.reference;   alert("***editer par reference "+ selectedReference);   new EditSite(siteDataStore, selectedReference); });

---

et maintenant voici je que j'ai fais pour afficher image

Code:

---

1 2 3

function actionUpdate(){ return "<input type='image' img src=images/edit.png>"; }

---

comment je peux cliquer juste pour image une fois pour qu'il m'affiche interface update

et merci

Bonjour,

Encore une fois il surement des façons de faire plus propre.

Code:

---

1 2 3 4

function affichageIcon(val, meta, record) { return '<a href="#" onclick="maFonctionUpload()" ><img style="cursor:pointer;" src=chemin/icon.png" width="15" height="15" /></a>'; }

---

il existe un plugin qui fait ça
http://rowactions.extjs.eu/

un autre qui travaille au niveau cellule
http://cellactions.extjs.eu/

et dans la version 4
http://docs.sencha.com/ext-js/4-0/#!....column.Action

A+JYT

Ah ben je me coucherais moins bête ce soir ^^

Merci de l'info sekaijin

Merci Sekayjin et abraxis je vais tester vos reponse ;)

Voila ce j'ai fait

Code:

---

1 2 3 4 5

function actionUpdate(val){   return "<input type='image' img src=images/edit.png onclick='UpdateSelectedSite()'>";   }

---

et voila la fonction UpdateSelectedSite

f

Code:

---

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

unction UpdateSelectedSite(){   var sm = gridPanel.getSelectionModel(); var rowselected =sm.getSelected();   if( rowselected != null){   var selectedReference = rowselected.data.reference; new EditSite(siteDataStore,selectedReference); }     }

---

et ca fonctionne pas le click pour moi sur image :(

En fait le click de la ligne ça fonctionne maintenant mais il n'entre pas dans la page javascript quand j'appelle new delete(datastor, selectreference) ;.

S'il vous plait, j'attends vos réponses, merci.