CARVIEW |
Ext JS 4 First Look
Formats:

save 15%!
save 44%!

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 Details
Language : EnglishPaperback : 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 Contents
PrefaceChapter 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
Index
- 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
- Mixins
- Config (auto setters and getters)
- Dynamic class loading
- Statics
- Migrating from Ext JS 3 to Ext JS 4
- Adapters
- JavaScript compatibility file
- Sandbox mode
- Sencha platform
- Data package
- Draw package and charts
- Layouts
- Grids
- Forms
- Accessibility
- Theming
- Summary
- 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
- Proxies
- Client proxies
- LocalStorageProxy
- SessionStorageProxy
- MemoryProxy
- Server proxies
- AjaxProxy
- Rest proxy
- JsonP proxy
- Stores
- Readers
- Writers
- JsonWriter
- XmlWriter
- Sorting
- Filtering
- Summary
- 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
- Summary
- Chapter 4: Upgraded Charts
- Ext JS 4 chart upgrades
- Ext draw package
- Applying transformations to a draw
- Putting it all together
- Ext chart package
- Legend
- Axis
- Category, Numeric, and Time axes
- Gauge axis
- Radial axis
- Series
- 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
- Summary
- Chapter 5: Upgraded Grid, Tree, and Form
- Grid panel
- Columns
- Feature support
- Ext.grid.feature.Grouping
- Ext.grid.feature.GroupingSummary
- Ext.grid.feature.Summary
- Ext.grid.feature.RowBody
- Grid plugins
- Ext.grid.plugin.CellEditing
- Ext.grid.plugin.RowEditing
- Saving the data to the server
- Infinite scrolling
- Tree panel
- Drag-and-drop and sorting
- Check tree
- Tree grid
- Form
- Form fields
- Validation
- Form label
- Actions
- Summary
- Chapter 6: Ext JS 4 Themes
- Getting started with Ext JS 4 themes
- Installing Ruby
- Windows and Mac OS
- Linux
- Ubuntu and Debian
- Red Hat Enterprise and Fedora
- Installing Sass and Compass
- Setting up an Ext project
- Creating a new theme
- Variables
- 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
- Summary
- 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.ComponentQuery
- 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
- Summary
Loiane Groner
Sample chapters
You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.
Code Downloads
Download the code and support files for this book.
Errata
- 1 submitted: last submission 23 Jul 2012Errata type: typo | Page number: 18 In "And the following screenshot shows the output (simply writes called funcion startLogging on the console): "
"funcion"
should be: "function"
Submit Errata
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.
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.
Special Offers

Annual subscription:
$220.00 per annum
Monthly subscription:
$21.99 per month
In Detail
Ext JS 4 is a JavaScript framework that provides resources to build Rich Internet Applications with great performance. Ext JS 4 has been packed with many new features and it is difficult to master, even for seasoned experts in Ext JS 3.
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.
Approach
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.
Alternative Books
Have a look at these alternative products. Remember that if you buy two eBooks, you get 50% off both.
-
- Learn how Dynamics NAV ERP suite is set up and customized for various industries
- Integrate numerous parts of a company's operations including financial reporting, sales, order management, inventory, and forecasting
- Develop complete applications and not just skeleton systems
- Covers the design and implementation of two new add-on services: The Squash application and the Storage & Logistics application
- Also usable for previous versions such as 3.x, 4.0, and 5.0
- Easy-to-read style, packed with hard-won practical advice
- Real-world examples with step-by-step explanations
-
- Technical foundations of the Documentum platform
- Over 200 practice questions and three practice tests
- Up-to-date information on version 6.5 SP2 including presets, aspects, new Webtop interface, lightweight types, Composer, and DFS
- Over 200 illustrations and many more examples from a real-life business scenario
-
- Easy-to-follow introduction to OGRE 3D
- Create exciting 3D applications using OGRE 3D
- Create your own scenes and monsters, play with the lights and shadows, and learn to use plugins
- Get challenged to be creative and make fun and addictive games on your own
- A hands-on do-it-yourself approach with over 100 examples
-
- Written in an accessible readable style, this practical book will help you to successfully master user authentication, authorization, and user management in Siebel CRM
- Set up the organization and position hierarchy as well as create user accounts in step-by-step examples
- Instructions valid for versions 8.0, 8.1, and 8.2
-
- Optimize time-consuming tasks efficiently using three Oracle database utilities
- Get to grips with user session management issues
- Boost database defences with Oracle Wallet Manager and Security
- A focused handbook with practical content and real-life scenarios
-
- The first book on the newly released Inkscape version 0.48, with an exclusive focus on web design
- Incorporate eye-catching designs, charts, and other visual elements to spice up your web pages
- Learn how to create your own Inkscape templates in addition to using the built-in ones
- Written in a simple illustrative manner, which will appeal to web designers and experienced Inkscape users alike
-
- Focusses on 3 key areas of development with Seam – testing, persistence and security
- Test your site to ensure efficiency
- Learn how to develop persistent applications
- Secure your web application with user authentication and OpenID.
-
- Covers the full spectrum of features offered by the NetBeans IDE
- Discover ready-to-implement solutions for developing desktop and web applications
- Learn how to deploy, debug, and test your software using NetBeans IDE
- Another title in Packt's Cookbook series giving clear, real-world solutions to common practical problems
-
New jQuery Book Released jQuery Tools UI Library will show you how to add useful functionality to your website, using the compact but powerful jQuery Tools library.Get inspiration for developing your own ideas with the book.
Learn More Download a free chapter - Quickly look up features of the jQuery library
- Step through each function, method, and selector expression in the jQuery library with an easy-to-follow approach
- Understand the anatomy of a jQuery script
- Write your own plug-ins using jQuery's powerful plug-in architecture
- Written by the creators of learningquery.com
- Check out the new Learning jQuery Third Edition here
-
- An introduction to jQuery that requires minimal programming experience
- Detailed solutions to specific client-side problems
- For web designers to create interactive elements for their designs
- For developers to create the best user interface for their web applications
- Packed with great examples, code, and clear explanations
- Revised and updated version of the first book to help you learn jQuery
![]() |
RSS Feed |
![]() |
Sign up to Packt's newsletter |
![]() |
Follow Packt at Twitter |
![]() |
Join our Facebook Group |
Customer service body text... insert content here.
Returns Centre body text... insert content here.
Packt Updates
To submit your images Click Here
Click here to view Packt's cookie policy. This explains the cookies on Packt's website, and why we use them. It also explains information on how to manage your cookies.
By closing this banner, you are consenting to our use of cookies on your device, unless you have disabled them in your browser.