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

Question

我使用的网格有多行，每行都有复选框。如果您通过单击标题复选框选择全部，然后通过单击任意行取消选择，则标题复选框也会被取消选择。这在 版本 6.0.1 经典工具包 中按预期工作。下面给出了 fiddle 示例

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

但相同的代码在 ext 6.5.1 中不起作用，如果您通过标题复选框选择全部，并取消选择任何行标题复选框，则不会第一次取消选择。 fiddle 如下所示

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

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

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'
});