Ext.grid.Panel点击时获取行列的各种数据

EXTJS中的Ext.grid.Panel点击时获取行列和当前点击单元格数据,所有代码均已测试。
创建一个gridpanel的方式如下

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);//当前行的第一列列值

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值