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?