8. Content Management | Mastering ExtJS

Displaying the Film data grid

First, let's start with the basics. Whenever we need to implement a complex screen, we need to start with the simplest component we can develop. When this component is working, we can start incrementing it and add more complex capabilities. So first, we need to create a Model to represent the film table. In this chapter, we are going to use the MVVM approach, so we can dive into capabilities we have not covered in previous chapters. Once we have this part of the code working, we can work with the relationships between the category, language, and actor tables.

The Film Model

First, we are going to create the Model to represent the film table. Let's not worry about the relationships this table has for now.

We need to create a new class named Packt.view.film.FilmsGrid, as follows:

Ext.define('Packt.model.film.Film', {
    extend: 'Packt.model.staticData.Base', //#1

    entityName: 'Film',

    idProperty: 'film_id',

    fields: [
        { name: 'film_id' },
   ...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Mastering ExtJS - Second Edition - Second Edition

By : Loiane Avancini

Mastering ExtJS - Second Edition

By: Loiane Avancini

Overview of this book

Displaying the Film data grid

The Film Model

Mastering ExtJS - Second Edition - Second Edition

By : Loiane Avancini

Mastering ExtJS - Second Edition

By: Loiane Avancini

Overview of this book

Displaying the Film data grid

The Film Model

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access