Learning Ext JS 4

Table of contents

1. Learning Ext JS 4
   1. Table of Contents
   2. Learning Ext JS 4
   3. Credits
   4. About the Authors
   5. About the Reviewers
   6. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
         1. Why Subscribe?
         2. Free Access for Packt account holders
   7. Preface
      1. What this book covers
      2. Who this book is for
      3. Conventions
      4. Reader feedback
      5. Customer support
         1. Downloading the example code
         2. Errata
         3. Piracy
         4. Questions
   8. 1. The Basics
      1. Should I use Ext JS for my next project?
      2. Getting started with Ext JS
         1. Looking at the whole picture
         2. Why so many files and folders?
      3. Our first program
      4. Editors
         1. Sublime Text 2
         2. Eclipse Web Tools Platform project
         3. Aptana
         4. Textmate
         5. Sencha Architect
      5. Building an application
         1. Planning our application
         2. Wireframing
         3. Data structure
         4. File structure
      6. Summary
   9. 2. The Core Concepts
      1. The class system
         1. Simple inheritance
         2. Pre-processors and post-processors
         3. Mixing many classes
         4. Configurations
         5. Statics methods and properties
         6. Singleton
         7. Alias
      2. Loading classes on demand
         1. Enabling the loader
         2. Dependencies
         3. Synchronous Loading
      3. Working with the DOM
         1. Getting elements
         2. Query – How to find them?
      4. Manipulation – How to change it?
      5. Summary
   10. 3. Components and Layouts
       1. The components lifecycle
          1. The creation phase
          2. The rendering phase
          3. The destruction phase
             1. The lifecycle in action
       2. About containers
          1. The panel
          2. The Window component
       3. The layout system
          1. Fit layout
          2. Card layout
          3. HBox layout
          4. VBox layout
          5. Border layout
          6. Accordion layout
       4. Summary
   11. 4. It's All About the Data
       1. Ajax
       2. Models
          1. Validations
          2. Relationships
       3. Dealing with the store
          1. Adding new elements
          2. Looping through the elements
          3. Retrieving the records
          4. Removing records
       4. Retrieving remote data
          1. Ajax proxy
          2. JSON reader
          3. XML reader
          4. Mappings
       5. Sending data
       6. Summary
   12. 5. Buttons and Toolbars
       1. Event driven development
       2. A simple button
       3. Adding menus
       4. Toolbars
       5. The main menu for our application
       6. Summary
   13. 6. Doing it with Forms
       1. The form component
          1. Anatomy of the fields
       2. Available fields
          1. The Textfield class
          2. The number field
          3. The combobox field
          4. The date field
          5. The checkbox
          6. The radio button
       3. The field container
       4. Submitting the data
       5. Summary
   14. 7. Give me the Grid
       1. The data connection (models and stores)
          1. Defining a model for the store of the grid
          2. Defining a store for the grid
       2. A basic grid panel
       3. Columns
       4. Columns renderers
       5. Selection models
       6. Grid listeners
       7. Features
          1. Ext.grid.feature.Grouping
          2. Ext.grid.feature.GroupingSummary
          3. Ext.grid.feature.RowBody
          4. Ext.grid.feature.Summary
       8. Plugins
          1. Ext.grid.plugin.Editing
          2. Ext.grid.plugin.CellEditing
          3. Ext.grid.plugin.RowEditing
       9. Grid paging
       10. Infinite scrolling
       11. Summary
   15. 8. Architecture
       1. The MVC pattern
       2. Creating our first application
          1. The views
          2. The controller
             1. Listening events
             2. Opening modules
       3. Creating a module
          1. Adding functionality
          2. References
       4. Summary
   16. 9. DataViews and Templates
       1. The data connection (models and stores)
          1. Defining our User Model
          2. Defining the store
       2. A basic dataview
          1. Getting all our code together
       3. Handling events on the dataview
          1. Adding the listeners to the dataview
       4. Templates
       5. A more complex dataview
       6. Summary
   17. 10. The Tree Panel
       1. A basic tree panel
       2. The TreeStore
       3. Tree nodes
       4. Tree drag-and-drop
       5. Adding and removing nodes
       6. The check tree
       7. The grid tree
       8. Adding an invoices' categories tree panel
       9. Summary
   18. 11. Drag and Drop
       1. Make an item draggable
       2. Hitting the drop zone
       3. Drag and drop between Ext JS components
       4. Enhancing our application with drag and drop
       5. Summary
   19. 12. Look and Feel
       1. Setting up our environment
       2. The resources folder
       3. Variables
       4. Advanced theming
          1. Adding new gradients
          2. Styles for the tabs
          3. Styling the panel
       5. Different styles for the same component
       6. Supporting legacy browsers
       7. Summary
   20. 13. From Drawing to Charting
       1. Basic drawing
       2. Adding interaction
       3. Charts
          1. Legend
          2. Axis
          3. Gradients
          4. Series
          5. Theming
       4. Series examples
          1. Area
          2. Bar
          3. Line
          4. Pie
          5. Radar
          6. Scatter
          7. Gauge
       5. Enhancing our application with charts
       6. Summary
   21. Index