Table of Content

This book is a work in progress and current information are preliminary.

• Forewords
• Chapter 1. Introduction
  • Why I chose ExtJS ?
  • Why and how I wrote this Book ?
    • Objectives of this book
  • Conventions
  • Download Examples Code and Bonus
    • Links to Offical Sencha Documentation
  • Customer support
    • Contacting the author
    • Downloading the example code for this book
• Chapter 2. General principles
  • Instance creation : lazy or hyperactive ?
  • Configuration and Conventions
    • You said Config object ?
    • Good to know
• Chapter 3. Components and Containers
  • Components, Elements and DOMs
    • Concepts
      • DOM Elements
      • Ext.core.Element
      • Ext.Component
    • Querying
      • To retrieve an Ext.Component by id
      • To retrieve an Ext.Element by id
      • To retrieve a « DOM » element
      • Finding Component or DOM by Selectors
      • Summary
  • Component Lifecycle
    • Component Creation
    • Adding component to a Container
    • Rendering
    • Destruction
  • Creating your own Component classes
  • When a subclass of Component is not needed
  • Method injection
  • Plugin
  • Factory method
  • Layout and rendering
    • Layout Classes
      • Ext.layout.container.AbstractContainer → Ext.layout.Layout
      • Ext.layout.container.Container → Ext.layout.container.AbstractContainer
      • Ext.layout.container.Anchor → Ext.layout.container.Container
      • Ext.layout.container.Absolute → Ext.layout.container.Anchor
      • Ext.layout.container.Border → Ext.layout.container.Container
      • Ext.layout.container.Box → Ext.layout.container.Container
      • Ext.layout.container.HBox → Ext.layout.container.Box
      • Ext.layout.container.VBox → Ext.layout.container.Box
      • Ext.layout.container.Accordion → Ext.layout.container.VBox
      • Ext.layout.container.CheckboxGroup → Ext.layout.container.Container
      • Ext.layout.container.AbstractFit → Ext.layout.container.Container
      • Ext.layout.container.Fit → Ext.layout.container.AbstractFit
      • Ext.layout.container.Card → Ext.layout.container.AbstractCard
      • Ext.layout.container.Auto → Ext.layout.container.Container
      • Ext.layout.container.Column
      • Ext.layout.container.Table : This layout allows you to easily render content into an HTML table.
    • The layout configuration options and related children items properties
• Chapter 4. Model - View - Controller or MVC
  • Creating the application
    • Generic template sample
    • Naming convention
  • Defining a Controller
    • Creating a controller outside Ext.application()
    • Using refs
    • Generated getter methods
  • Defining a View
    • Controlling the view (or listening to view events)
  • Creating a Store
  • Creating and accessing a Model
    • Creating Model Instances
    • Accessing Model Types
  • Summary samples
    • Application
    • Controller
    • View
    • Store
    • Model
  • Sencha Command
    • Generators
    • Builder
    • Coverage
    • Autotest
    • Test
    • Update
  • Using many Applications on a Web Page?
  • Object Factories
• Chapter 5. Data
  • Model
    • 1. Fields
    • 2. Associations
    • 3. Validations
    • 4. Proxy
    • 5. Business Logic
    • Example
  • Proxy
    • ServerProxy
    • ClientProxy
  • Store
    • Data
    • Sorters & Filters
  • Operation
• Chapter x. Chosen Mixins
  • Observable & Listener
    • What it is ?
    • What about the standard DOM Events (not ExtJS ones) ?
      • The element property of a listener configs
      • But what about the delegate property ?
  • Floating
  • Animate
  • Stateful
• Chapter Y. Styles
  • Class Config Properties of Component
    • Methods to add and remove component classes
    • Ext.AbstractComponent
    • Ext.layout.container.AbstractContainer → Ext.layout.Layout
    • Ext.panel.AbstractPanel → Ext.container.Container
    • Ext.panel.Panel → Ext.panel.AbstractPanel
    • Ext.button.Button → Ext.Component
    • Ext. form.field.Base
    • Ext.form.Labelable mixin (← Ext.form.field.Base)
    • Ext.form.field.Checkbox → Ext.form.field.Base
    • Ext.form.field.Display
    • Ext.form.field.Text → Ext. form.field.Base
    • Ext.form.field.Trigger → Ext.form.field.File
    • Ext.form.field.Trigger → Ext.form.field.Text
    • Ext.form.field.Picker → Ext.form.field.Trigger
    • Ext.form.field.ComboBox → Ext.form.field.Picker
    • Ext.form.field.Date → Ext.form.field.Picker
    • Ext.form.field.Time → Ext.form.field.Picker
    • etc…
• More Chapters to come...

The ExtJS4 Book Roadmap

• Started on May 25, 2011
• Expected Released Date version 1: more info on October