Extjs GridPanel 幾點說明，extjsgridpanel

Extjs GridPanel 幾點說明，extjsgridpanel

1. 在Ext中，表格控制項必須包含列定義資訊，並指定表格的資料存放區器。列資訊由columns定義，而資料存放區器有store定義。

2. store負責把各種各樣的未經處理資料（JSON對象數組等等）轉換成Ext.data.Record類型的對象。

    包含兩部分的資訊：proxy和reader。proxy指定擷取資料的方式，reader是指如何解析這一堆資料。

簡單store 模板代碼：

var store = Ext.data.Store({proxy : {type : "ajax",url : "",reader : {type : "json",totalProperty : "count",root : "root",idProperty : "id"}},fields : [{name : 'id', mapping : "id"},{name : 'name', mapping : "name"},{name : "desc", mapping : 'description'}]});

後台得到extjs中gridpanel選中行的某個值

function deletefileItems() {
var gsm = fileGrid.getSelectionModel();//擷取選擇列
var rows = gsm.getSelections();//根據選擇列擷取到所有的行
if (rows.length > 0) {
//當有選擇的資料的時候
for (var i = 0; i < rows.length; i++) {
//迴圈迭代所有的選擇的row
var row = rows[i];
var filePath = row.get('filePath');//這個就是你想要的
Ext.Ajax.request({
//省略ajax請求後台
}）;
}
}else{
Ext.Msg.alert('提示', '請選擇要刪除的記錄');
}
};
說明：
var filePath = row.get('filePath');
利用row.get('欄位名稱');
可以獲得你想要的欄位值
 
extjs gridpanel載入完後 選中指定行

學習了