Creating the Quotation form

Let's continue and create forms for Quotation and Bill. In the same way as before, first set up the card layout in the Screen panel.

In the same way as with view/myaccount/MyAccount.js, in the Quotation class we will add the Edit and List screens (source file: 03_making_the_quotation_form/app/view/quotation/Quotation.js):

Ext.define('MyApp.view.quotation.Quotation', {
  ...
  requires: [
        'MyApp.view.quotation.List',
        'MyApp.view.quotation.Edit'
    ],
  ...
items: [{
          xtype: 'myapp-quotation-list',
          border: false
    }, {
          xtype: 'myapp-quotation-edit',
          border: false
    }]
});

Unlike the previous occasion, now two cards exist. These are List and Edit. You will implement List in a later chapter. Here, let's implement Edit.

The only thing is, if you don't create a class, then requires won't be able to read it. So, make a List class in the following way (source file: 03_making_the_quotation_form/app/view/quotation...