initComponent上的extjs selectionmodel复选框

时间:2018-05-10 07:23:53

标签: extjs

initComponent中的绑定复选框选择模型在extjs的网格组件中未按预期工作 代码中可能出现什么问题?附上小提琴 https://fiddle.sencha.com/#view/editor&fiddle/2g8r

1 个答案:

答案 0 :(得分:0)

为了在网格中绑定一个复选框,有一个内置插件。但是,如果你需要在initComponent中只附加selModel。然后定义网格,请附加selmodel并创建它的实例。 。这是更新的小提琴https://fiddle.sencha.com/#view/editor&fiddle/2ghc

Ext.define('OuterGrid', {
    extend: 'Ext.grid.Panel',
          store: userStore,
            storeId: 'mystore',
            width: 400,
            height: 500,
            title: 'Sample Application',
            columns: [{
                text: 'Name',
                dataIndex: 'name',
                width: 100,
                sortable: true
            }, {
                text: 'Email Address',
                dataIndex: 'email',
                width: 150,
            }, {
                text: 'Phone Number',
                dataIndex: 'phone',
                    flex: 1,
            }],

    initComponent: function() {
        this.selModel = Ext.create('Ext.selection.CheckboxModel', {
                    columns: [{
                        xtype: 'checkcolumn',
                        text: 'Active',
                        dataIndex: 'id'
                    }],
                });

        this.callParent();   
    }
});

Ext.application({
    name: 'Fiddle',
    launch: function () {
        Ext.create('OuterGrid', {
            renderTo: Ext.getBody(),
        });

    }
});