Di jaringan EXTJS, kita sering perlu menambahkan status atau tombol gambar untuk meringkas metode yang telah kita gunakan:
1. Representasi Status:
Salinan kode adalah sebagai berikut:
renderer: function (value) {
if (value == 0) {
return "<img src = 'gambar/ikon/cancel.png'>";
} lain jika (value == 1) {
kembalikan "<img src = 'gambar/ikon/accept.png'>";
}
nilai pengembalian;
}
Tambahkan status identifikasi renderer di kolom kolom, rendering adalah sebagai berikut:
http://images.cnitblog.com/blog/489550/201304/19103818-94991D9869A6458E8A568EFDEA6081B5.PNG
2. Penanganan acara:
Tambahkan Acara OnClick ke IMG secara langsung:
Salinan kode adalah sebagai berikut:
<IMG Style = "Kursor: Pointer;" ctx} /img/edit.png/ 'alt =/' pemeliharaan terperinci/'title =/' pemeliharaan terperinci/'>'
Acara menyampaikan data yang diperlukan.
Cara lain adalah menambahkan acara klik sel ke grid:
Salinan kode adalah sebagai berikut:
Pendengar: {
CellClick: ViewDoc
}
function viewdoc (grid, rowidx, colidx, e) {
var action = e.getTarget (). nilai;
}
Dengan cara ini Anda bisa mendapatkan sel yang diklik dan menambahkan pemrosesan acara.
3. Anda dapat menggunakan 'ActionColumn' untuk menambahkan tombol gambar
Salinan kode adalah sebagai berikut:
{header: 'Certificate of Conformity', sortable: false, width: 80, align: 'center', ruang lingkup: ini,
xtype:
'ActionColumn',
Item: [{
Ikon: '$ {ctx} /img/details.png',
Tooltip: 'Tunjukkan Sertifikat Kesesuaian',
Handler: function (grid, rowindex, colindex) {
var record = grid.getStore (). getat (rowIndex);
//. . .
}
]}
Ini juga memungkinkan Anda untuk menambahkan gambar di sel grid.