Ext JS in Action
Jesus Garcia
  • December 2010
  • ISBN 9781935182115
  • 496 pages
  • printed in black & white
This title is out of print and no longer for sale.

Outstanding resource for using Ext JS!

Dan McKinnon, MITRE Corporation

Second edition of this book is available

Ext JS in Action is a comprehensive guide to Ext JS. By following its rich examples, patterns, and best practices, you'll achieve the kinds of results you only see in top JavaScript applications. This book thoroughly explores every class, component, and model, and shows you how to build rich, dynamic user interfaces and responsive applications. You will learn Ext JS inside and out—and your apps will stand out from the crowd.

Table of Contents detailed table of contents



about the cover illustration

Part 1 Introduction to Ext JS

1. Chapter 1 A framework apart

1.1. Looking at Ext JS

1.2. What you need to know

1.3. A bird’s-eye view of the framework

1.4. New Ext JS 3.0 goodies

1.5. Downloading and configuring

1.6. Take it for a test drive

1.7. Summary

2. Chapter 2 Back to the basics

2.1. Starting off the right way

2.2. The Ext.Element class

2.3. Using Templates and XTemplates

2.4. Summary

3. Chapter 3 Events, Components, and Containers

3.1. Managing events with Observable

3.2. The Component model

3.3. The Component lifecycle

3.4. Containers

3.5. Summary

Part 2 Ext JS Components

4. Chapter 4 A place for Components

4.1. The Panel

4.2. Popping up Windows

4.3. Components can live in tab panels too

4.4. Summary

5. Chapter 5 Organizing Components

5.1. The simple ContainerLayout

5.2. The AnchorLayout

5.3. The FormLayout

5.4. The AbsoluteLayout

5.5. Making components fit

5.6. The AccordionLayout

5.7. The CardLayout

5.8. The ColumnLayout

5.9. The HBox and VBox layouts

5.10. The TableLayout

5.11. The BorderLayout

5.12. Summary

6. Chapter 6 Ext JS takes form

6.1. The TextField

6.2. TypeAhead with the ComboBox

6.3. WYSIWhat?

6.4. Selecting a date

6.5. Checkboxes and Radios

6.6. The FormPanel

6.7. Data submission and loading

6.8. Summary

Part 3 Data-driven Components

7. Chapter 7 The venerable GridPanel

7.1. Introducing GridPanel

7.2. The data Store at a glance

7.3. Building a simple GridPanel

7.4. Advanced GridPanel construction

7.5. Summary

8. Chapter 8 The EditorGridPanel

8.1. A close look at the EditorGridPanel

8.2. Building your first EditorGridPanel

8.3. Navigating our EditorGridPanel

8.4. Getting the CRUD in

8.5. Using Ext.data.DataWriter

8.6. Summary

9. Chapter 9 DataView and ListView

9.1. What is the DataView?

9.2. Constructing a DataView

9.3. Enter the ListView

9.4. Bringing it all together

9.5. Summary

10. Chapter 10 Charts

10.1. Defining the four charts

10.2. Charts deconstructed

10.3. Building a LineChart

10.4. Adding multiple Series

10.5. Constructing ColumnCharts

10.6. Constructing BarCharts

10.7. A slice of PieChart

10.8. Summary

11. Chapter 11 Taking root with trees

11.1. What is a tree (TreePanel)?

11.2. Planting our first TreePanel

11.3. Dynamic TreePanels grow

11.4. CRUD on a TreePanel

11.5. Summary

12. Chapter 12 Menus, Buttons, and Toolbars

12.1. Menus at a glance

12.2. Users know how to push your Buttons

12.3. Grouping your Buttons

12.4. Toolbars

12.5. Read, set, Ext.Action!

12.6. Summary

Part 4 Advanced Ext

13. Chapter 13 Drag-and-drop basics

13.1. Taking a good look at drag and drop

13.2. Starting out simple

13.3. Finishing our drag-and-drop implementation

13.4. Using the DDProxy

13.5. Summary

14. Chapter 14 Drag and drop with widgets

14.1. A quick review of the drag-and-drop classes

14.2. Drag and drop with DataViews

14.3. Drag and drop with GridPanels

14.4. Drag and drop with TreePanels

14.5. Summary

15. Chapter 15 Extensions and plug-ins

15.1. Inheritance with Ext JS

15.2. Extending Ext JS Components

15.3. Plug-ins to the rescue

15.4. Summary

Part 5 Building applications

16. Chapter 16 Developing for reusability

16.1. Developing for the future

16.2. Analyzing the application requirements

16.3. Constructing the ChartPanel components

16.4. Constructing the listpanel components

16.5. Constructing the EmployeeGridPanel class

16.6. The EmployeeAssociationWindow class

16.7. The form namespace

16.8. Summary

17. Chapter 17 The application stack

17.1. Developing the application namespace

17.2. Building the Dashboard screen

17.3. The Manage Employees screen

17.4. The Manage Departments screen

17.5. Piecing it all together

17.6. Summary


© 2014 Manning Publications Co.

About the Technology

This cross-browser JavaScript library provides an extensive collection of high-quality widgets, an intuitive and extensible component model, and a rich API that enterprise developers find especially comfortable to use. And they have used it to build rock-solid web applications, in many very different companies including Adobe, Aetna, Amazon, Best Buy, Hallmark, Panasonic, Pixar, Siemens, Sony, and Visa.

What's inside

  • Explore the depths of Ext JS 3.0
  • Create rich and dynamic UIs
  • Extend the framework and write plug-ins
  • Watch the author develop an Ext JS app

About the reader

This book assumes a reader with a foundation in JavaScript, but no previous exposure to Ext JS.

About the author

Jesus "Jay" Garcia is an Ext JS community leader. Since 2006, he has deployed and optimized Ext JS world-class applications for many corporations.

An easy-to-understand walk-through of Ext JS 3.

Mitchell Simaens, Senior Web Developer

Takes the complexity out of a complex interface.

Ric Peller, Management Dynamics

Really EXTends your knowledge!

Jeroen Benckhuijsen, Atos Origin

This is a handy book!

Orhan Alkan, Oracle