PacktLib: Learning Ext JS 3.2

Learning Ext JS 3.2

Credits

About the Authors

About the Reviewers

Preface

Getting Started

A word about JavaScript

I'm asynchronous!

About Ext JS

Getting Ext JS

Including Ext JS in our pages

Using the Ext JS library

The example

Using the Ext.onReady function

Not working?

Adapters

Localization

Ext JS online help

Summary

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?

Summary

Forms

The core components of a form

Our first form

Nice form—how does it work?

Validation

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

DOM listeners

Summary

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

Summary

Displaying Data with Grids

What is a grid anyway?

A GridPanel is databound

The record definition

The Reader

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

Summary

Editor Grids

What can I do with an editable grid?

Working with editable grids

Saving edited data to the server

RowEditor plugin

Summary

Layouts

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

AnchorLayout

More layouts

Vbox layout

Hbox layout

Dynamically changing components

Adding new components

Summary

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

The roots

Summary

Windows and Dialogs

Opening a dialog

Dialogs

Windows

Window management

Summary

Charting New Territory

Just another component

Styling the pie slices

Bar and column charts

Tooltips

A real world example

Summary

Effects

It's elementary

Fxcellent functions

The Fx is in

Multiple effects

Elemental

Reveal all

Summary

Drag-and-drop

Drop what you're doing

Life's a drag

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

Summary

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

Summary

Plugging In

What can we do?

How it works

First signs of life

The search form

Interacting with the host

Configurable plugins

Extra credit

Summary

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

Summary

Marshalling Data Services with Ext.Direct

What is Direct?

Building server-side stacks

Putting the pieces together

Summary

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

So much to work with

Form widgets

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?

Summary