首頁 > web前端 > js教程 > Extjs grid新增一個圖片狀態或按鈕的方法_extjs

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

WBOY
發布: 2016-05-16 16:53:30
原創
1297 人瀏覽過

在extjs的grid中我們常常需要加入一個圖片狀態或按鈕,總結一下自己用過的方法:

一、狀態表示:

複製程式碼 程式碼如下:

renderer:function(value){
if(value==0){
return "Extjs grid新增一個圖片狀態或按鈕的方法_extjs";
}else if(value==1){
return "Extjs grid新增一個圖片狀態或按鈕的方法_extjs";
}
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儲存格中加入圖片。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板