带有行单击事件的复选框 header 在 extjs 6.5.1 中无法正常工作

Question

我使用的网格有多行，每行都有复选框。如果您通过单击 header 复选框select全部，并通过单击任意行取消select，header 复选框也会被取消select。这在 version 6.0.1 Classical tool kit 中按预期工作。 Fiddle 下面给出了示例

https://fiddle.sencha.com/#view/editor&fiddle/24tc

但相同的代码在 ext 6.5.1 中不起作用，如果您 select 全部通过 header 复选框，并且 deselect任何行 header 复选框都没有被取消select 第一次。 Fiddle 如下所示

https://fiddle.sencha.com/#view/editor&fiddle/24tf

我需要在带有 header 复选框的复选框模型中使用行单击。请建议我该怎么做

Answer 1

i need to use row click in checkbox model with header checkbox . please suggest me what to do

无需使用行点击。

我在 selModel 中进行了更改，无需单击行即可选择复选框。 ExtJs 直接属性选中行上的复选框单击或复选框单击。

您可以在此处查看工作中的 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'
    }]
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: store,
    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'
});

带有行单击事件的复选框 header 在 extjs 6.5.1 中无法正常工作

checkbox header with row click event is not working properly in extjs 6.5.1

javascript

extjs

extjs6-classic