Updating the Quotation view

You've prepared everything for the grid to be displayed, so let's implement the view (source file: 03_update_the_quotation_view/app/view/quotation/List.js):

Ext.define('MyApp.view.quotation.List', {
  ...
    initComponent: function() {
        var me = this;
        Ext.apply(me, {
            columns: [{
                text: 'Customer',
                dataIndex: 'customer',
                flex: 1
            }, {
                text: 'Modified',
                dataIndex: 'modified',
                width: 120
            }, {
                text: 'Created',
                dataIndex: 'created',
                width: 120
            }]
        });
        me.callParent(arguments);
    }
});

Here you are only specifying columns. In order to abstract the grid panel, we are creating the MyApp.grid.Panel class. (source file: 03_update_the_quotation_view/app/grid/Panel.js).

We will create the MyApp.grid.Panel class that is purely inherited from the Ext.grid.Panel...