PacktLib: Learning Ext JS 3.2

Learning Ext JS 3.2

About the Authors

About the Reviewers

Getting Started

A word about JavaScript

I'm asynchronous!

Including Ext JS in our pages

Using the Ext JS library

Using the Ext.onReady function

Ext JS online help

The Staples of Ext JS

Meet the config object

What just happened?

More widget wonders

Time for (further) action

Lighting the fire

Can we use our own HTML?

The core components of a form

Nice form—how does it work?

Built-in validation—vtypes

Styles for displaying errors

Custom validation—creating our own vtype

Masking—don't press that key!

Radio buttons and check boxes

TextArea and HTMLEditor

Listening for form field events

Buttons and form action

Loading a form with data

Menus, Toolbars, and Buttons

What's on the menu?

A toolbar for every occasion

Loading content on menu item click

Buttons don't have to be in a toolbar

Toolbars unleashed

Displaying Data with Grids

What is a grid anyway?

A GridPanel is databound

The record definition

Displaying structured data with a GridPanel

Displaying the GridPanel

Defining a grid's column model

Using cell renderers

Built-in features

Displaying server-side data in the grid

Programming the grid

Advanced grid formatting

What can I do with an editable grid?

Working with editable grids

Saving edited data to the server

RowEditor plugin

What is a layout manager?

So what layouts are available?

A dynamic application layout

Our first Viewport

Nesting: child components may be Containers

Accordion layout

A toolbar as part of the layout

Using a FormPanel in the layout

Dynamically changing components

Adding new components

Ext JS Does Grow on Trees

Planting for the future

From tiny seeds...

Our first sapling

A tree can't grow without data

Tending your trees

Trimming and pruning

Windows and Dialogs

Opening a dialog

Window management

Charting New Territory

Just another component

Styling the pie slices

Bar and column charts

A real world example

It's elementary

Fxcellent functions

Multiple effects

Drop what you're doing

Interacting the fool

Registering an interest

Extreme drag-and-drop

Drag-drop groups

It's all in the details

Managing our movement

Scroll management

Dragging within components

Code for Reuse: Extending Ext JS

Object-oriented programming with Ext JS

Understanding packages, classes, and namespaces

Ok, what do we extend?

Creating a custom namespace

Our first custom class

Overriding methods

Understanding the order of events

Creating our own custom events

Our first custom component: complete

What's next? Breaking it down

Using xtype: the benefits of lazy instantiation

Using our custom components within other objects

What can we do?

First signs of life

The search form

Interacting with the host

Configurable plugins

It's All About the Data

Understanding data formats

The data Store object

Using a DataReader to map data

Using a custom DataReader

Writing a custom DataReader

Getting what you want: finding data

Getting what you want: filtering data

Dealing with Recordset changes

Taking changes further: the DataWriter

Many objects use a Store

Marshalling Data Services with Ext.Direct

What is Direct?

Building server-side stacks

Putting the pieces together

The Power of Ext JS: What Else Can You Do?

So much to work with

Data formatting

Managing application state

Accessing the DOM

Ext JS for the desktop: Adobe AIR

Ext JS community extensions

Additional resources

Where do we go from here?