Modern Toolkit- Grid with Multiselection：如何在网格行选择中勾选多个复选框。？

Question

在现代多选网格中，多个复选框只有在我点击复选框时才会被勾选。但我希望在网格行选择中勾选多个复选框。谁能给个建议。

Answer 1

在以下示例中，通过点击行生成选择：

var grid = Ext.create('Ext.grid.Grid', {
    title: 'Streaming Service Providers',
    columns: [{
        text: "Brand",
        dataIndex: "brand",
        flex: 1
    }, {
        text: "Headquarters",
        dataIndex: "headquarters",
        flex: 1
    }, {
        text: "Trial",
        dataIndex: "trial",
        flex: 1
    }, {
        text: "Price",
        flex: 1,
        dataIndex: 'price'
    }],
    store: {
        fields: ['brand', 'headquarters', 'trial', 'price'],
        data: [{
            brand: 'Netflix',
            headquarters: 'California',
            trial: '1 Month',
            price: '.99'
        }, {
            brand: 'YouTube',
            headquarters: 'California',
            trial: '1 Month',
            price: '.99'
        }, {
            brand: 'Amazon Prime',
            headquarters: 'Seattle, Washington',
            trial: '1 Month',
            price: '.25'
        }],
        storeId: 'serviceStore'
    },
    height: 400,
    renderTo: Ext.getBody(),
    // Row checkbox selection model config
    selectable: {
        columns: false,
        mode: 'multi',
        checkbox: true,
        cells: false,
        rows: true,
    }
});