Learning Ext JS 4

Table of Contents

• Preface

• Chapter 1: The Basics
• Should I use Ext JS for my next project?
• Getting started with Ext JS
• Looking at the whole picture
• Why so many files and folders?
• Our first program
• Editors
• Sublime Text 2
• Eclipse Web Tools Platform project
• Aptana
• Textmate
• Sencha Architect
• Building an application
• Planning our application
• Wireframing
• Data structure
• File structure
• Summary

• Chapter 2: The Core Concepts
• The class system
• Simple inheritance
• Pre-processors and post-processors
• Mixing many classes
• Configurations
• Statics methods and properties
• Singleton
• Alias
• Loading classes on demand
• Enabling the loader
• Dependencies
• Synchronous Loading
• Working with the DOM
• Getting elements
• Query – How to find them?
• Manipulation – How to change it?
• Summary

• Chapter 3: Components and Layouts
• The components lifecycle
• The creation phase
• The rendering phase
• The destruction phase
• The lifecycle in action
• About containers
• The panel
• The Window component
• The layout system
• Fit layout
• Card layout
• HBox layout
• VBox layout
• Border layout
• Accordion layout
• Summary

• Chapter 4: It's All About the Data
• Ajax
• Models
• Validations
• Relationships
• Dealing with the store
• Adding new elements
• Looping through the elements
• Retrieving the records
• Removing records
• Retrieving remote data
• Ajax proxy
• JSON reader
• XML reader
• Mappings
• Sending data
• Summary

• Chapter 5: Buttons and Toolbars
• Event driven development
• A simple button
• Adding menus
• Toolbars
• The main menu for our application
• Summary

• Chapter 6: Doing it with Forms
• The form component
• Anatomy of the fields
• Available fields
• The Textfield class
• The number field
• The combobox field
• The date field
• The checkbox
• The radio button
• The field container
• Submitting the data
• Summary

• Chapter 7: Give me the Grid
• The data connection (models and stores)
• Defining a model for the store of the grid
• Defining a store for the grid
• A basic grid panel
• Columns
• Columns renderers
• Selection models
• Grid listeners
• Features
• Ext.grid.feature.Grouping
• Ext.grid.feature.GroupingSummary
• Ext.grid.feature.RowBody
• Ext.grid.feature.Summary
• Plugins
• Ext.grid.plugin.Editing
• Ext.grid.plugin.CellEditing
• Ext.grid.plugin.RowEditing
• Grid paging
• Infinite scrolling
• Summary

• Chapter 8: Architecture
• The MVC pattern
• Creating our first application
• The views
• The controller
• Listening events
• Opening modules
• Creating a module
• Adding functionality
• References
• Summary

• Chapter 9: DataViews and Templates
• The data connection (models and stores)
• Defining our User Model
• Defining the store
• A basic dataview
• Getting all our code together
• Handling events on the dataview
• Adding the listeners to the dataview
• Templates
• A more complex dataview
• Summary

• Chapter 10: The Tree Panel
• A basic tree panel
• The TreeStore
• Tree nodes
• Tree drag-and-drop
• Adding and removing nodes
• The check tree
• The grid tree
• Adding an invoices' categories tree panel
• Summary

• Chapter 11: Drag and Drop
• Make an item draggable
• Hitting the drop zone
• Drag and drop between Ext JS components
• Enhancing our application with drag and drop
• Summary

• Chapter 12: Look and Feel
• Setting up our environment
• The resources folder
• Variables
• Advanced theming
• Adding new gradients
• Styles for the tabs
• Styling the panel
• Different styles for the same component
• Supporting legacy browsers
• Summary

• Chapter 13: From Drawing to Charting
• Basic drawing
• Adding interaction
• Charts
• Legend
• Axis
• Gradients
• Series
• Theming
• Series examples
• Area
• Bar
• Line
• Pie
• Radar
• Scatter
• Gauge
• Enhancing our application with charts
• Summary

• Index