Ext.grid.パネルクリック時に行列の各種データを取得
1889 ワード
EXTJSのExt.grid.Panelクリック時に行列と現在クリックしているセルのデータを取得し、すべてのコードがテストされました.gridpanelを作成する方法は次のとおりです.
cellclickは現在のセルのクリック時のイベントを表し、gridはテーブル全体を表し、rowIndex、columnIndexはその名の通り行と列の行数を表し、grid.getHeaderAtIndex(columnIndex).dataIndex;//現在クリックしているセルの列の列名を取得します.var data = e.get(fileName);//現在クリックしているセルのvalue値var flightdataNum=grid.getHeaderAtIndex(0).dataIndex;//現在の行の最初の列名var flightDate=e.get(flightdataNum);//現在の行の最初の列の値
gridAVS = Ext.create('Ext.grid.Panel', {
id: 'av_Grid',
store: avStore,
columnLines: true,
columns: girdColumns,
listeners: {
cellclick: function (grid, rowIndex, columnIndex, e) {
var fileName = grid.getHeaderAtIndex(columnIndex).dataIndex;//
var data = e.get(fileName);// value
var list = ['1', '2', '3', '4', '5', '6', '7', '8', 'S', 'Q'];
if (list.indexOf(data) >= 0) {
var flightdataNum = grid.getHeaderAtIndex(0).dataIndex;//
var segmentNum = grid.getHeaderAtIndex(1).dataIndex;
var flightNONum = grid.getHeaderAtIndex(2).dataIndex;
var flightDate = e.get(flightdataNum);//
var segment = e.get(segmentNum);
var flightNO = e.get(flightNONum);
updateData(fileName, flightDate, segment, flightNO, data);
}
}
}
});
cellclickは現在のセルのクリック時のイベントを表し、gridはテーブル全体を表し、rowIndex、columnIndexはその名の通り行と列の行数を表し、grid.getHeaderAtIndex(columnIndex).dataIndex;//現在クリックしているセルの列の列名を取得します.var data = e.get(fileName);//現在クリックしているセルのvalue値var flightdataNum=grid.getHeaderAtIndex(0).dataIndex;//現在の行の最初の列名var flightDate=e.get(flightdataNum);//現在の行の最初の列の値