extjsグリッドでは、使用した方法を要約するために画像ステータスまたはボタンを追加する必要があることがよくあります。
1。ステータス表現：
コードコピーは次のとおりです。
レンダラー：function（value）{
if（value == 0）{
return "<img src = 'images/icons/cancel.png'>";
} else if（value == 1）{
return "<img src = 'images/icons/accept.png'>";
}
返品値。
}
列の列にレンダラー識別ステータスを追加すると、レンダリングは次のとおりです。
http://images.cnitblog.com/blog/489550/201304/19103818-94991D9869A6458E8A568EFDEA6081B5.PNG
2。イベント処理：
オンクリックイベントをIMGに直接追加します。
コードコピーは次のとおりです。
<img style = "cursor：pointer;" onclick = "updaterecord（ ''+"+ss+"+record.get（" StandardId "）; '$ { ctx} /img/edit.png/ 'alt =/'詳細なメンテナンス/'タイトル=/'詳細なメンテナンス/'>'
イベントは必要なデータを渡しています。
別の方法は、セルクリックイベントをグリッドに追加することです。
コードコピーは次のとおりです。
リスナー：{
Cellclick：Viewdoc
}
function viewdoc（grid、rowidx、colidx、e）{
var action = e.getTarget（）。value;
}
これにより、クリックされたセルを取得してイベント処理を追加できます。
3。「ActionColumn」を使用して、画像ボタンを追加できます
コードコピーは次のとおりです。
{ヘッダー：「適合証明書」、sortable：false、width：80、align： 'center'、scope：this、
XType：
「ActionColumn」、
アイテム：[{
アイコン： '$ {ctx} /img/details.png'、
ツールチップ：「適合の証明書を表示」、
ハンドラー：function（grid、rowindex、colindex）{
var record = grid.getStore（）。getat（rowindex）;
//。 。 。
}
]}
これにより、グリッドセルに画像を追加することもできます。