ExtJS 4 Training

Unit 1: Getting Started with Ext JS 4

  • Loading the Library

Unit 2: Application Architecture

  • Ext Application Design
  • Introducing Sencha MVC

Unit 3: Sencha Designer

  • Anatomy of a UI created with Designer
  • Laying Out UI Components
  • Adding Components
  • Positioning Components
  • Layout Options
  • Configuring Components
  • Using Templates
  • Connecting to Data
  • Exporting a Project
  • Attaching Event Handlers to UI Components

Unit 4: Fundamental Classes

  • Ext.Element
  • Ext.CompositeElement
  • Ext.DomHelper
  • Ext.DomQuery

Unit 5: Event Handling

  • Events in Ext & DOM Events
  • Event Handlers & Delegated Event Handling

Unit 6: Component Model

  • Overview
  • Component Manager
  • Component vs. Element
  • Component configuration

Unit 7: Laying out your GUI

  • Defining Panels
  • Headers
  • Resizing Panels
  • Defining Toolbars
  • Defining Layouts
  • HBOX
  • VBOX
  • Tabs
  • Viewport
  • Tab Panel
  • Grid Panel
  • Form Panel

Unit 8: Form Components Overview

  • Checkbox
  • ComboBox
  • CompositeField
  • DateField
  • DisplayField
  • Hidden
  • HtmlEditor
  • NumberField
  • Radio
  • SliderField
  • TextArea
  • TextField

Unit 9: Working with Data

  • Defining Models
  • Validating your Data
  • Defining Associations
  • Defining Proxies
  • Defining Stores
  • Working with Forms
  • Understanding Form Layout
  • Applying Validations

Unit 10: Grid Panel Details

  • Introducing grid features
  • Defining a read-only grid
  • Editing within a grid

Unit 11: Utility Functions

  • Ext.applysmd
  • Ext.util.Format

Unit 12:Creating & Extending Classes

  • Creating a Class & Extending a Class
  • Extending a Component
  • Class System
  • Class Definition
  • Class Loading