List of Listings

Chapter 1. A framework apart

Listing 1.1. Creating our helloWorld.html

Listing 1.2. Creating helloWorld.js

Listing 1.3. Creating sayHi.html

Chapter 2. Back to the basics

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. Events, Components, and Containers

Listing 3.1. Building our first Container

Chapter 4. A place for 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. Building an animated Window

Listing 4.4. Creating a rigid modal Window

Listing 4.5. Building a dynamically updating ProgressBar

Listing 4.6. Exploring a TabPanel

Listing 4.7. Exploring scrollable tabs

Chapter 5. Organizing Components

Listing 5.1. Implementing the ContainerLayout

Listing 5.2. The AnchorLayout using percentages

Listing 5.3. The FormLayout

Listing 5.4. Using offsets with the FormLayout

Listing 5.5. An AbsoluteLayout in action

Listing 5.6. The FitLayout

Listing 5.7. The AccordionLayout

Listing 5.8. The CardLayout in action

Listing 5.9. Exploring the ColumnLayout

Listing 5.10. HBoxLayout, exploring the packing configuration

Listing 5.11. A vanilla TableLayout

Listing 5.12. Exploring rowspan and colspan

Listing 5.13. Flexing the BorderLayout

Listing 5.14. Replacing a Component in the Center region

Chapter 6. Ext JS takes form

Listing 6.1. Our text fields

Listing 6.2. Building the FormPanel for our TextFields