Im ExtJS -Netz müssen wir häufig einen Bildstatus oder eine Schaltfläche hinzufügen, um die von uns verwendeten Methoden zusammenzufassen:
1. Statusdarstellung:
Die Codekopie lautet wie folgt:
Renderer: Funktion (Wert) {
if (value == 0) {
return "<img src = 'bilder/icons/corn.png'>";
} else if (value == 1) {
return "<img src = 'bilder/icons/Accept.png'>";
}
Rückgabewert;
}
Fügen Sie den Status der Renderer -Identifizierung in Spaltenspalten hinzu, das Rendering ist wie folgt:
http://images.cnitblog.com/blog/489550/201304/19103818-94991d9869a6458e8a568efdea6081b5.png
2. Ereignishandling:
Fügen Sie IMG direkt auf das Onclick -Event hinzu:
Die Codekopie lautet wie folgt:
<img style = "Cursor: Zeiger;" ctx} /img/edit.png/ 'Alt =/' detaillierte Wartung/'title =/' detaillierte Wartung/'>' '
Die Ereignisse geben die erforderlichen Daten weiter.
Eine andere Möglichkeit besteht darin, ein Zellklickereignis zum Grid hinzuzufügen:
Die Codekopie lautet wie folgt:
Zuhörer: {
CellClick: ViewDoc
}
Funktion viewdoc (grid, rowidx, colidx, e) {
var action = e.gettarget (). Wert;
}
Auf diese Weise können Sie die angeklickte Zelle erhalten und die Ereignisverarbeitung hinzufügen.
3.. Sie können "ActionColumn" verwenden, um eine Bildschaltfläche hinzuzufügen
Die Codekopie lautet wie folgt:
{Header: 'Zertifikat der Konformität', sortierbar: Falsch, Breite: 80, Align: 'Center', Scope: this,
xtyp:
"ActionColumn",
Artikel: [{
Symbol: '$ {ctx} /img/details.png',,
Tooltip: "Zertifikat der Konformität anzeigen",
Handler: Funktion (Grid, RowIndex, ColIndex) {
var record = grid.getStore (). getat (rowIndex);
//. . .
}
]}
Auf diese Weise können Sie auch Bilder in der Gitterzelle hinzufügen.