Ext JS 4 First Look
|Also available on:|
- Migrate your Ext JS 3 applications easily to Ext JS 4 based on the examples presented in this guide
- Full of diagrams, illustrations, and step-by-step instructions to develop real word applications
- Driven by examples and explanations of how things work
Book DetailsLanguage : English
Paperback : 340 pages [ 235mm x 191mm ]
Release Date : January 2012
ISBN : 1849516669
ISBN 13 : 9781849516662
Author(s) : Loiane Groner
Topics and Technologies : All Books, Open Source
Table of ContentsPreface
Chapter 1: What's New in Ext JS 4?
Chapter 2: The New Data Package
Chapter 3: Upgraded Layouts
Chapter 4: Upgraded Charts
Chapter 5: Upgraded Grid, Tree, and Form
Chapter 6: Ext JS 4 Themes
Chapter 7: MVC Application Architecture
Appendix A: Ext JS 4 Versus Ext JS 3 Class Names
- Chapter 1: What's New in Ext JS 4?
- Getting started with Ext JS 4
- Package and namespace updates
- Upgraded documentation
- Ext JS 4 SDK quick look
- What is the difference between ext.js and ext-all.js?
- Deploying Ext JS locally
- The new Ext JS 4 class system
- Class definition and creation
- Creating a new class
- Extending a class
- Config (auto setters and getters)
- Dynamic class loading
- Migrating from Ext JS 3 to Ext JS 4
- Sandbox mode
- Sencha platform
- Data package
- Draw package and charts
- Chapter 2: The New Data Package
- Broad overview
- The new model class
- Declaring fields
- Validating the model
- Loading/saving data with proxies and stores
- Linking models through associations
- Client proxies
- Server proxies
- Rest proxy
- JsonP proxy
- Chapter 3: Upgraded Layouts
- Ext JS 4 layouts
- Container layouts
- Auto layout
- Anchor layout
- Absolute layout
- HBox layout
- VBox layout
- Accordion layout
- Table layout
- Column layout
- Fit layout
- Card layout
- Border layout
- Component layouts
- Dock layout
- Tool layout
- Field layout
- TriggerField layout
- Chapter 4: Upgraded Charts
- Ext JS 4 chart upgrades
- Ext draw package
- Applying transformations to a draw
- Putting it all together
- Ext chart package
- Category, Numeric, and Time axes
- Gauge axis
- Radial axis
- Bar chart
- Grouped bar chart
- Stacked bar chart
- Column chart
- Line Chart
- Customizing a Line Chart
- Grouped Line Chart
- Area Chart
- Grouped Area Chart
- Scatter Chart
- Grouped Scatter Chart
- Pie Chart
- Donut Chart
- Radar Chart
- Grouped Radar Chart
- Gauge Chart
- Customizing a Chart
- Chapter 5: Upgraded Grid, Tree, and Form
- Grid panel
- Feature support
- Grid plugins
- Saving the data to the server
- Infinite scrolling
- Tree panel
- Drag-and-drop and sorting
- Check tree
- Tree grid
- Form fields
- Form label
- Chapter 6: Ext JS 4 Themes
- Getting started with Ext JS 4 themes
- Installing Ruby
- Windows and Mac OS
- Ubuntu and Debian
- Red Hat Enterprise and Fedora
- Installing Sass and Compass
- Setting up an Ext project
- Creating a new theme
- Bugs in earlier versions of Ext JS 4.1
- Creating new Ext JS Component UIs
- Complete my-ext-theme.scss file
- Supporting legacy browsers
- Missing custom images
- Chapter 7: MVC Application Architecture
- The new MVC application architecture
- Creating a sample application the old-fashioned way
- Migrating/creating an app using the MVC architecture
- Project directory structure
- Ext.container.Container functions: query, child, down, and up
- Query function
- Child function
- Down function competency
- Up function
- Creating the MVC application
- Creating the book-mvc application
- Creating the controller class
- Controlling a view in the controller class
- Creating the model and store classes
- Adding the book details panel
- Controller getter methods
- Useful tips to develop an MVC application
- Nested models and MVC
- Building your application for production
Download the code and support files for this book.
Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.
Errata- 1 submitted: last submission 23 Jul 2012
Errata type: typo | Page number: 18 In "And the following screenshot shows the output (simply writes called funcion startLogging on the console): "
should be: "function"
What you will learn from this book
- Learn the major changes in Ext JS 4 and its compatibility with Ext JS 3, including how to load components by demand.
- Understand how to use the new Data package, including new features such as Model, Associations, Validations, new Proxies, etc.
- Organize Ext JS 4 components into containers using upgraded and new Layout engines.
- Create bar, pie, radar, scatter, gauge, line, and area charts without using Flash and customize them.
- Learn what has changed in Ext JS 4 components such as Grid, Tree, Form.
- Change and create new themes using Sass and Compass.
- Build a complete application using the new Ext JS MVC architecture.
- Compare Ext JS 3 with Ext JS 4 class names.
Ext JS 4 First Look teaches you the main functional areas of Ext JS 4 that have significant new features, explains the new features and how to use them, while highlighting the differences between Ext JS 4 and the previous versions.
This book will give you the knowledge to make the required changes to Ext JS 3 application to build a complete Ext JS 4 application.
This book provides examples of how to load Ext JS components by demand, charts, grid, tree, forms and panels, new data model, themes and mvc architecture.
Ext JS 4 First Look provides full examples and illustrations to help you easily learn the new features of Ext JS 4.
This book is a practical step-by-step tutorial which guides you to migrate from Ext JS 3 to Ext JS 4. There are examples backed with explanations and plenty of code and illustrations to look forward to.
Who this book is for
This book is written for web developers who are familiar with Ext JS 3 and want to have detailed insights into the new features of Ext JS 4.