In the shown code (and fiddle)

http://ift.tt/1qOBX6s


if you use border layout the selection stops working. changing to fit layout makes selection work.



Code:



Ext.application({
    name: 'MyApp',


    launch: function() {


        Ext.create('Ext.container.Viewport', {
            autoShow: true,


            // if this is fit, selection works, otherwise as border selection does not work
            //layout: 'fit',
            layout: 'border',


            items: [{
                xtype: 'grid',
                region: 'center',
                flex: 1,
                store: {
                    fields: ['id', 'approved', 'interestCount', 'title'],
                    data: [{
                        id: 101,
                        approved: true,
                        interestCount: 138,
                        title: 'JavaScript For Smarties Part 1'
                    }, {
                        id: 102,
                        approved: true,
                        interestCount: 33,
                        title: 'Last Chance To Learn C#'
                    }, {
                        id: 103,
                        approved: true,
                        interestCount: 9867,
                        title: 'How To Not Get Much From AngularJS'
                    }]
                },
                columns: [{
                    header: 'Id',
                    dataIndex: 'id'
                }, {
                    header: 'Approved',
                    dataIndex: 'approved'
                }, {
                    header: 'Interest',
                    dataIndex: 'interestCount'
                }, {
                    header: 'Title',
                    dataIndex: 'title',
                    flex: 1
                }]




            }, {


            }]
        });


    }
});