1.1 Application Example
1.2 Install Free Commercial Version
1.3 Create Sencha Touch Application
1.4 Start Application
1.4.1 From file system
1.4.2 From Web Server
1.4.3 From Mobile Device
2. Class System
2.1 Classes
2.1.1 Create Class using Ext.define()
2.1.2 Structure
2.1.2.1 extend
2.1.2.2 xtype
2.1.2.3 config
2.1.2.4 requiers
2.1.2.5 statics
2.1.2.6 singleton
2.1.2.7 mixins
2.1.2.8 constructor
2.2 Objects
2.2.1 Create Object using Ext.create()
2.2.2 Create Object using xtype
3. View
3.1 Components
3.1.1 Component
3.1.2 Button
3.1.3 Image
3.1.4 Label
3.1.5 Audio
3.1.6 Spacer
3.1.7 Video
3.2 Containers
3.2.1 Types
3.2.1.1 Container
3.2.1.2 Viewport
3.2.1.3 Segmented Button
3.2.1.4 Map
3.2.1.5 Tabbed Panel
3.2.1.6 Carousel
3.2.1.7 Navigation View
3.2.1.8 Toolbar
3.2.1.9 Titlebar
3.2.1.10 List
3.2.1.11 Nested List
3.2.1.12 Field Set
3.2.2 Layouts
3.2.2.1 Auto Layout
3.2.2.2 Fit Layout
3.2.2.3 Card Layout
3.2.2.4 vbox Layout
3.2.2.5 hbox Layout
3.3 Panels
3.3.1 Panel
3.3.2 Form Panel
3.4 Sheet
3.4.1 Action Sheet
3.4.2 Picker
3.4.3 Date Picker
3.4.4 Message Box
3.4.4.1 Alert
3.4.4.2 Prompt
3.4.4.3 Confirm
3.5 Fields
3.5.1 Types
3.5.1.1 Text Field
3.5.1.2 Number Field
3.5.1.3 Radio Field
3.5.1.4 Select Field
3.5.1.5 Toggle Field
3.5.1.6 Checkbox Field
3.5.1.7 Text Area Field
3.5.1.8 Slider
3.5.1.9 Email
3.5.1.10 Password
3.5.1.11 Search
3.5.1.12 Url
3.5.1.13 Hidden
3.5.2 Data Manipulation
3.5.2.1 Set Field Values
3.5.2.1.1 Manually
3.5.2.1.2 From Manually Created Record
3.5.2.1.3 From Data Store Record
3.5.2.2 Get Field Values
3.5.2.2.1 Into Object
3.5.2.2.2 Into Related Record
3.5.2.2.3 Submit Form through HTTP Request
4. Events
4.1 Listeners
4.1.1 Assign
4.1.1.1 Using event & fn properties
4.1.1.2 Using shortened syntax
4.1.1.3 Inside Object while creating it
4.1.1.4 Inside Object that already exists using on()
4.1.1.5 Inside Class initialize() method using on()
4.1.1.6 Inside Class listeners property
4.1.1.7 Inside Class onEvent property
4.1.2 Remove
4.1.2.1 Using un()
4.1.2.2 Using property single
4.2 Custom Events
4.2.1 Create, fire and catch custom Event
4.3 Event handlers
4.3.1 Use Input Parameters
5. Data
5.1 Store
5.1.1 Create
5.1.1.1 By referencing Model
5.1.1.2 Without referencing Model
5.1.1.3 With initial data - Using Array of Objects
5.1.1.4 With initial data - Using Array of Arrays
5.1.1.5 With Proxy
5.1.2 Add Records
5.1.2.1 Using Array of Objects
5.1.2.2 Using Array of Arrays
5.1.3 Remove Records
5.1.4 Load Data Store
5.1.4.1 Autoload
5.1.4.2 load()
5.1.4.3 load() with Callback
5.1.5 Sync Data Store
5.1.5.1 Send updated records to server
5.1.5.2 Send created records to server
5.1.5.3 Send deleted records to server
5.2 Model
5.2.1 Register
5.2.1.1 By defining only column names
5.2.1.2 By defining column names and types
5.2.2 Validators
5.2.2.1 Add
5.2.2.2 Create custom validator
5.2.3 Associations
5.2.3.1 Has One
5.2.3.2 Belongs To
5.2.3.3 Has Many
5.3 Proxy
5.3.1 Ajax
5.3.2 JsonP
5.3.3 Local Storage
5.3.4 Session Storage
5.4 Reader
5.4.1 JSON
5.4.2 Array
5.4.3 XML
5.5 Writer
5.5.1 JSON
5.5.2 XML
6. Controller
6.1 Create Controller Class
6.1.1 Create Controller – In controller directory
6.1.2 Create Controller – In subfolder of controller directory
6.1.3 Create View Controller
6.1.4 Controller Application Controller
6.2 References
6.2.1 Create reference
6.3 Listeners
6.3.1 Assign listener using reference
6.3.2 Assign listener using component query
6.4 Event handlers
6.4.1 Use Parameters
6.4.2 Use this.getMyRef()