List of Listings

Chapter 1. A framework apart

Listing 1.1. Creating hello_world.html

Listing 1.2. Creating hello_world.js

Listing 1.3. Putting it all together

Chapter 2. DOM manipulation

Listing 2.1. Creating a complex template

Listing 2.2. Using an XTemplate to loop through data

Listing 2.3. Advanced XTemplate usage

Chapter 3. Components and containers

Listing 3.1. Building your first container

Chapter 4. Core UI components

Listing 4.1. Building toolbars for use in a panel

Listing 4.2. Adding buttons and tools to your existing panel

Listing 4.3. Top-docking a single toolbar

Listing 4.4. Your panel with four docked toolbars and a button bar

Listing 4.5. Building an animated window

Listing 4.6. Creating a rigid modal window

Listing 4.7. Building a dynamically updating progress bar

Listing 4.8. Exploring a tab panel

Chapter 5. Exploring layouts

Listing 5.1. Implementing the Auto layout

Listing 5.2. The Anchor layout using percentages

Listing 5.3. AbsoluteLayout in action

Listing 5.4. The Fit layout

Listing 5.5. The Accordion layout

Listing 5.6. The Card layout in action

Listing 5.7. Exploring the Column layout

Listing 5.8. HBox layout: exploring the packing configuration

Listing 5.9. A vanilla Table layout

Listing 5.10. Exploring rowspan and colspan

Listing 5.11. Flexing the Border layout

Listing 5.12. Replacing a component in the center region

Chapter 6. Forms in Ext JS

Listing 6.1. Text fields

Listing 6.2. Building the form panel for your text fields

Listing 6.3. Building your first ComboBox