Ext JS in Action, Second Edition
Jesus Garcia, Grgur Grisogono, and Jacob K. Andresen
  • January 2014
  • ISBN 9781617290329
  • 408 pages
  • printed in black & white

A must-have book to learn Ext JS properly.

Loiane Groner, Citibank


An eBook copy of the previous edition, Ext JS in Action (First Edition), is included at no additional cost. It will be automatically added to your Manning account within 24 hours of purchase.

Ext JS in Action, Second Edition teaches Ext JS from the ground up. You'll start with a quick overview of the framework and then explore the core components by diving into complete examples, engaging illustrations, and crisp, straightforward explanations. You'll feel like you have an expert guide right at your elbow teaching you important Ext techniques and offering insight into its inner workings. Along the way, you'll learn the best practices for building and scaling full-featured web applications, including how to customize and build Ext widgets. Fully revised for Ext JS 4.0.

Table of Contents detailed table of contents



about this book

about the cover illustration

Part 1 Introduction to Ext JS 4.0

1. A framework apart

1.1. Looking at Ext JS

1.2. What you need to know

1.3. A tour of the Ext JS widgets

1.4. What’s new in Ext JS 4.0

1.5. Downloading and configuring

1.6. Take it for a test drive

1.7. Summary

2. DOM manipulation

2.1. Let Ext JS kick off your code

2.2. Managing DOM elements with Ext.Element

2.3. Using templates and XTemplates

2.4. Summary

3. Components and containers

3.1. The Component model

3.2. The component life cycle

3.3. Containers

3.4. Querying for components

3.5. The viewport container

3.6. Summary

Part 2 Ext JS components

4. Core UI components

4.1. The panel

4.2. Displaying window dialogs

4.3. MessageBox

4.4. Components can live in tab panels too

4.5. Summary

5. Exploring layouts

5.1. How layout managers work

5.2. The Auto layout

5.3. The Anchor layout

5.4. The Absolute layout

5.5. The Fit layout

5.6. The Accordion layout

5.7. The Card layout

5.8. The Column layout

5.9. The HBox and VBox layouts

5.10. The Table layout

5.11. The Border layout

5.12. Summary

6. Forms in Ext JS

6.1. Basic input fields

6.2. Type-ahead with the ComboBox

6.3. The time field

6.4. The HTML Editor

6.5. Selecting a date

6.6. Checkboxes and radio buttons

6.7. The form panel

6.8. Data submission and loading

6.9. Summary

7. The data store

7.1. Introducing the data store

7.2. Loading and saving data

7.3. A store with Writer

7.4. Associating data

7.5. Summary

8. The grid panel

8.1. Introducing the grid panel

8.2. Building a simple grid panel

8.3. Advanced grid panel construction

8.4. Editing data in the grid panel

8.5. Getting the CRUD in

8.6. Summary

9. Taking root with trees

9.1. Tree panel theory

9.2. Planting your first tree panel

9.3. Growing dynamic tree panels

9.4. Implementing CRUD on a tree panel

9.5. Summary

10. Drawing and charting

10.1. Drawing shapes

10.2. Drawing concepts

10.3. Surfacing sprites

10.4. Sprite interactions

10.5. Mastering the path

10.6. A deep dive into charts

10.7. Implementing Cartesian charts

10.8. Custom themes

10.9. Pie charts

10.10. Summary

11. Remote method invocation with Ext Direct

11.1. Making the two ends meet

11.2. Ext Direct vs. REST

11.3. Server-side setup

11.4. Working with remote methods

11.5. Directly invoking remote methods

11.6. CRUD-enabled Ext.data.DirectStore

11.7. Summary

12. Drag-and-drop

12.1. The drag-and-drop workflow

12.2. Drag-and-drop: a basic example

12.3. Finishing your drag-and-drop implementation

12.4. Using DDProxy

12.5. Drag-and-drop with views

12.6. Drag-and-drop with grid panels

12.7. Drag-and-drop with tree panels

12.8. Summary

Part 3 Building an application

13. Class system foundations

13.1. Classic JavaScript inheritance

13.2. Inheritance with Ext JS

13.3. Extending Ext JS components

13.4. Plug-ins to the rescue

13.5. Dynamically loading classes with the Ext JS loader

13.6. Summary

14. Building an application

14.1. Thinking as a web UI developer

14.2. Application (infra)structure

14.3. Kicking off the Survey app

14.4. Packaging

14.5. Summary


About the Technology

Ext JS is a mature JavaScript web application framework that provides modern UI widgets and an advanced MVC architecture. It helps you manage tedious boilerplate and minimize hand-coded HTML and browser incompatibilities.

About the book

Ext JS in Action, Second Edition starts with a quick overview of the framework and then explores the core components by diving into complete examples, engaging illustrations, and clear explanations. You'll feel like you have an expert guide at your elbow as you learn the best practices for building and scaling full-featured web applications.

What's inside

  • Building professional web apps with Ext JS
  • Stamping out DOM fragments with templates
  • Customizing and building Ext widgets
  • Masterful UI design
  • Fully revised for Ext JS version 4.0

About the reader

A working knowledge of JavaScript is assumed. No prior experience with Ext JS is required.

About the authors

Jay Garcia is a well-known member of the Ext JS community and a contributor to the framework. He wrote Sencha Touch in Action. Grgur Grisogono founded SourceDevCon in London, UK and Split, Croatia. Jacob Andresen is a consultant specializing in large scale internet applications.

combo $49.99 pBook + eBook + liveBook
eBook $39.99 pdf + ePub + kindle + liveBook

FREE domestic shipping on three or more pBooks

A guided tour for an action-packed journey from novice to expert.

Jeet Marwah, gen-E

Master every detail of Ext JS 4.0 and how to build desktop-like UIs for the web.

Efran Cobisi, Microsoft MVP, MCSD

The missing link between experimenting with Ext JS and being productive with it.

Raul Cota, Virtual Materials Group