在extjs的grid中我們常常需要加入一個圖片狀態或按鈕,總結一下自己用過的方法:
一、狀態表示:
renderer:function(value){
if(value==0){
return "
";
}else if(value==1){
return "
";
}
return value;
}
在columns中欄位加入renderer識別狀態,效果圖如下:
http://images.cnitblog.com/blog/489550/ 201304/19103818-94991d9869a6458e8a568efdea6081b5.png
二、事件處理:
直接給imgggolclickimg; 🎜 >
程式碼如下:
' 事件是將需要的數據傳遞過去。
還有一個方法是為grid新增儲存格點擊事件:
複製程式碼
listeners: {
cellClick: viewDoc
}
function viewDoc(grid, rowIdx, colIdx, e) {
var action = e.Target(). value;
}
這樣就可以得到點擊的儲存格,再加入事件處理即可。
三、可以使用'actioncolumn'新增圖片按鈕
程式碼如下:
程式碼>
{header:'合格證',sortable:false,width:80,align:'center',scope:this,
xtype:
'actioncolumn',
items : [{
icon : '${ctx}/img/details.png',
tooltip : '顯示合格證',
handler : function(grid, rowIndex, colIndex) {
var record = grid.getStore().getAt(rowIndex);
//。 。 。
} ]} 這樣也可以在grid儲存格中加入圖片。