The Widget column

Ext JS 5 introduced in the last version a lightweight class called widget and a new type of grid column called widget column. Widgets are similar to components. They mainly consist of an Ext.dom.Element and associated listeners. Also, they are not derived from Ext.Component. Components have a more complex life cycle.

Note

For some review, check out the explanation of a component's life cycle in Chapter 3, Components and Layouts.

As a tradition, the flexibility and power that Ext JS offers let us create our custom widgets, and also, the library comes with some basic widgets, such as these:

• Progress Bar (Ext.ProgressBarWidget or progressbarwidget)

• Slider (Ext.slider.Widget or sliderwidget)

• Sparklines (Ext.sparkline.*):

  • Line (sparklineline)

  • Bar (sparklinebar)

  • Discrete (sparklinediscrete)

  • Bullet (sparklinebullet)

  • Pie (sparklinepie)

  • Box (sparklinebox)

  • TriState (sparklinetristate)

Note

As we can't cover all of these in this chapter, we will check out only three of them. You can refer to the...