PacktLib: Learning Ext JS

Learning Ext JS

Credits

About the Authors

About the Reviewer

Preface

Getting Started

About Ext

Getting Ext

Including Ext in your pages

Using the Ext library

The example

Not working?

Adapters

I'm asynchronous!

Localization

Ext JS online community

Summary

The Staples of Ext

Ready, set, go!

What just happened?

Using onReady

More widget wonders

Meet JSON and the config object

Time for action

Lighting the fire

Summary

Forms

The core components of a form

Our first form

Nice form—how does it work?

Form fields

Validation

Built-in validation—vtypes

Styles for displaying errors

Custom validation—create your own vtype

Masking—don't press that key!

Radio buttons and check boxes

The ComboBox

TextArea and HTMLEditor

Listening for form field events

Buttons and form action

Loading a form with data

Object reference or component config

Summary

Buttons, Menus, and Toolbars

A toolbar for every occasion

Toolbars

Load content on menu item click

Form fields in a toolbar

Toolbars in windows, grids, and panels

Summary

Displaying Data with Grids

What is a grid anyway?

Displaying structured data with a GridPanel

Displaying the GridPanel

Defining a Grids 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

Summary

Layouts

What are layouts, regions, and viewports?

Tab panels

Widgets everywhere

Accordions

Tricks and advanced layouts

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

Effects

Fxcellent functions

The Fx is in

Multiple effects

Elemental

Bring out the flash

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

It's All about the Data

Understanding data formats

The data store object

Using a DataReader to map data

Getting what you want: Finding data

Dealing with Recordset changes

Many objects take a Store

Summary

Code for Reuse: Extending Ext JS

Object-oriented JavaScript

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

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

Summary

Where do we go from here?