Now that the Film grid panel is already being rendered and loaded, we can implement the create and edit functionalities.
As we could see in the screenshots at the beginning of this chapter, the Edit window has three tabs: one for editing the Film details, one to edit the categories related to the Film, and another one to edit the actors related to the Film. For now, we are going to work with the Film details only.
So inside the app/view/film
folder we are going to create a new view named Packt.view.film.FilmWindow
. This class will be a window that has a form with a Tab panel as an item. Inside one of the tabs, we will place the fields to edit the Film details:
Ext.define('Packt.view.film.FilmWindow', { extend: 'Packt.view.sakila.WindowForm', // #1 alias: 'widget.filmwindow', requires: [ 'Packt.util.Util' // #2 ], width: 537, title: 'Edit Film', iconCls: 'film_add', items: [ { xtype: 'form', ...