1. 程式人生 > >Extjs 行選擇框操作

Extjs 行選擇框操作

//處理checkbox的勾選事件 
    grid.getSelectionModel().on('rowselect', function(sm, rowIdx, r){ 
alert('勾選了checkbox後,獲得選中行的name:'+grid.store.getAt(rowIdx).get('name')); 
}); 
    //處理checkbox的取消勾選事件 
    grid.getSelectionModel().on('rowdeselect', function(sm, rowIdx, r){ 
alert('取消勾選checkbox後,獲得的record 中的name:'+grid.store.getAt(rowIdx).get('name')); 
});

var model = grid.getSelectionModel();   model.selectAll();//選擇所有行 

model.selectFirstRow();//選擇第一行 

model.selectLastRow([flag]);//選擇最後一行,flag為正的話保持當前已經選中的行數,不填則預設false

 model.selectNext();//選擇下一行

 model.selectPrevious();//選擇上一行 

model.selectRange(tartRow,ndRow, [Boolean keepExisting] );//選擇範圍間的行 

model.selectRow(row);//選擇某一行 

model.selectRows(rows);//選擇指定一些行,傳遞陣列如[1,3,5],則分別選擇1,3,5行     

model.clearSelections();//清空所有選擇 

model.deselectRange( startRow, endRow );//取消從startrow到endrow的記錄的選擇狀態 

model.deselectRow(row);//取消指定行的記錄