如何查询我的ExtJS网格以查看选中哪个CheckboxSelectionModel()复选框？

Question

我正在尝试使用具有复选框的ExtJS网格,我可以从中获取行/ ID 数组,因此我知道哪些行已被检查.

我已经使用Sencha中的这个示例来使用选择复选框正确显示以下网格,但它没有显示如何从网格中获取已检查行的信息,例如我将有一个具有处理函数和里面我需要写一些像:

var rowIdsChecks = grid.getRowIdsChecked();

如何从网格中获取当前检查的行的信息？

var myData = [
    [4, 'This is a whole bunch of text that is going to be word-wrapped inside this column.', 0.24, '2010-11-17 08:31:12'],
    [16, 'Computer2', 0.28, '2010-11-14 08:31:12'],
    [5, 'Network1', 0.02, '2010-11-12 08:31:12'],
    [1, 'Network2', 0.01, '2010-11-11 08:31:12'],
    [12, 'Other', 0.42, '2010-11-04 08:31:12']
];

var myReader = new Ext.data.ArrayReader({}, [{
        name: 'id',
        type: 'int'
    }, {
        name: 'object',
        type: 'object'
    }, {
        name: 'status',
        type: 'float'
    }, {
        name: 'lastChange',
        type: 'date',
        dateFormat: 'Y-m-d H:i:s'
    }]);

var sm = new Ext.grid.CheckboxSelectionModel();

var grid = new Ext.grid.GridPanel({
    region: 'center',
    style: 'margin: 10px',
    store: new Ext.data.Store({
        data: myData,
        reader: myReader
    }),
    cm: new Ext.grid.ColumnModel({
        defaults: {
            width: 120,
            sortable: true
        },
        columns: [
            sm,
            {
                header: 'ID',
                width: 50,
                sortable: true,
                dataIndex: 'id',
                hidden: false
            },
            {
                header: 'Object',
                width: 120,
                sortable: true,
                dataIndex: 'object',
                renderer: columnWrap

            }, {
                header: 'Status',
                width: 90,
                sortable: true,
                dataIndex: 'status'
            },
            {
                header: 'Last Updated',
                width: 120,
                sortable: true,
                renderer: Ext.util.Format.dateRenderer('Y-m-d H:i:s'),
                dataIndex: 'lastChange'
            }]
    }),
    sm: sm,
    viewConfig: {
        forceFit: true
    },
    title: 'Computer Information',
    width: 500,
    autoHeight: true,
    frame: true,
    listeners: {
        'rowdblclick': function(grid, index, rec){
            var id = grid.getSelectionModel().getSelected().json[0];
            go_to_page('edit_item', 'id=' + id);
        }
    }
});

解:

谢谢@jujule,这段代码有效:

Ext.select('span#internal_link_001').on('click', function() {
    var selections = grid.getSelectionModel().getSelections();
    console.log(selections);
});

然后你有这样的ID:

Answer 1

该CheckboxSelectionModel负责跟踪和管理选择.

只需使用其getSelections()方法获取所选记录的数组:

grid.getSelectionModel().getSelections()