ExtJS Gridpanel выделенные строки

Question

Я проектирую ExtJs Gridpanel с флажками ... Как получить проверенные записи для сохранения данных

Answer 1

В ExtJs документы предоставляют метод для получения выбранной записи в сетке grid.getSelection () .Вы можете сослаться на ExtJs документы

Я создал небольшую демонстрацию, чтобы показать вам, как это работает. Пример Sencha fiddle

var store = Ext.create('Ext.data.Store', {
        fields: ['name', 'email', 'phone'],
        data: [{
            name: 'Lisa',
            email: 'lisa@simpsons.com',
            phone: '555-111-1224'
        }, {
            name: 'Bart',
            email: 'bart@simpsons.com',
            phone: '555-222-1234'
        }, {
            name: 'Homer',
            email: 'homer@simpsons.com',
            phone: '555-222-1244'
        }, {
            name: 'Marge',
            email: 'marge@simpsons.com',
            phone: '555-222-1254'
        }, {
            name: 'AMargeia',
            email: 'marge@simpsons.com',
            phone: '555-222-1254'
        }]
    });

    Ext.create('Ext.grid.Panel', {
        title: 'Simpsons',
        store: store,
        id: 'testGrid',
        columns: [{
            text: 'Name',
            dataIndex: 'name'
        }, {
            text: 'Email',
            dataIndex: 'email',
            flex: 1
        }, {
            text: 'Phone',
            dataIndex: 'phone'
        }],
        height: 200,
        width: 400,
        renderTo: Ext.getBody(),
        selModel: {
            checkOnly: false,
            injectCheckbox: 'last',
            mode: 'SIMPLE'
        },
        selType: 'checkboxmodel',
        buttons: [{
            text: 'Select All',
            handler: function () {
                Ext.getCmp('testGrid').getSelectionModel().selectAll();
            }
        }, {
            text: 'Deselect All',
            handler: function () {
                Ext.getCmp('testGrid').getSelectionModel().deselectAll();
            }
        },{
            text:'Print Selected Recod',
            handler:function(){
                var selection = Ext.getCmp('testGrid').getSelection();
                if(selection.length){
                    let name='';
                    selection.map(item=>{
                        name+=item.get('name')+'<br>';
                    });
                    Ext.Msg.alert('Selected Record',name);
                }else{
                    Ext.Msg.alert('Error','Please select record');
                }
            }
        }]
    });

Answer 2

Используйте getSelections для получения всех выбранных записей и getSelected для получения первой записи.

var selected = checkBoxSelectionModelObj.getSelections();

for (var i = 0; i < selected.length; i++)
{
    alert(selected[i].data.code);
}