O'Reilly logo

Learning Ext JS 4 by Armando Gonzalez, Crysfel Villa

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

Chapter 9. DataViews and Templates

The dataview component is similar to the grid component but it is lighter. It is used to render an HTML template for each record in the store. For the rendering process, it uses an Ext.XTemplate class so that we can give style to each record in the store. This component is very useful when you want to render data and don't need all the power of the grid.

In this chapter, we'll learn how the Ext.view.View class (alias dataview) and the Ext.XTemplate class work together.

The topics we are going to cover in this chapter are:

  • The data connection (models and stores)
  • A basic dataview
  • Handling events on the dataview
  • Templates
  • A more complex dataview

The data connection (models and stores)

The dataview component is used to render ...

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