Dans la grille EXTJS, nous devons souvent ajouter un état ou un bouton d'image pour résumer les méthodes que nous avons utilisées:
1. Représentation du statut:
La copie de code est la suivante:
Rendu: fonction (valeur) {
if (value == 0) {
return "<img src = 'images / icons / ansember.png'>";
} else if (value == 1) {
return "<img src = 'images / icons / accepter.png'>";
}
valeur de retour;
}
Ajouter l'état d'identification du rendu dans les colonnes des colonnes, le rendu est le suivant:
http://images.cnitblog.com/blog/489550/201304/19103818-94991d9869a6458e8a568efdea6081b5.png
2. Gestion des événements:
Ajouter un événement OnClick à IMG directement:
La copie de code est la suivante:
<img style = "curseur: pointeur;" onclick = "updatecord (/ '' + sn +" @ "+ ss +" @ "+ disques.get (" standardID ") + '/');" ctx} /img/edit.png/ 'alt = /' Maintenance détaillée / 'title = /' Maintenance détaillée / '>'
Les événements passent les données requises.
Une autre façon consiste à ajouter un événement de clic cellulaire à la grille:
La copie de code est la suivante:
auditeurs: {
Cellclick: ViewDoc
}
Fonction ViewDoc (Grid, Rowidx, Colidx, E) {
var action = e.getTTarget (). valeur;
}
De cette façon, vous pouvez obtenir la cellule cliquée et ajouter le traitement des événements.
3. Vous pouvez utiliser «ActionColumn» pour ajouter le bouton photo
La copie de code est la suivante:
{En-tête: «Certificat de conformité», triable: false, largeur: 80, align: «Centre», portée: ceci,
xtype:
'ActionColumn',
articles: [{
icône: '$ {ctx} /img/details.png',
Infiltration: «Afficher le certificat de conformité»,
Handler: fonction (grid, rowindex, colindex) {
var enregistre = grid.getStore (). getat (rowIndex);
//. . .
}
]}
Cela vous permet également d'ajouter des images dans la cellule de la grille.