代码之家  ›  专栏  ›  技术社区  ›  Avee

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

  •  1
  • Avee  · 技术社区  · 7 年前

    我使用的网格有多行,每行都有复选框。如果您通过单击标题复选框来选择全部,并通过单击任何行来取消选择,则标题复选框也会被取消选择。 经典工具包。小提琴示例如下

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

    但相同的代码在

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

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

    1 回复  |  直到 7 年前
        1
  •  0
  •   Narendra Jadhav    6 年前

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

    无需使用行单击。

    我换了衣服 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'
    });