Extjs grid新增一個圖片狀態或按鈕的方法_extjs

在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儲存格中加入圖片。