O'Reilly logo

Ext JS Data-driven Application Design by Kazuhiro Kotsutsumi

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required