Ext JS 4 First Look

Ext JS 4 First Look
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
save 37%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • 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 : 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, Web Development, Open Source

Table of Contents

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
      • 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

                Loiane Groner lives in São Paulo, Brazil and has over 8 years of software development experience. While at university, she demonstrated great interest in IT. She worked as a teaching assistant for 2 and a half years specialising in teaching algorithms, data structures, and computing theory. She represented her university at the ACM International Collegiate Programming Contest, Brazilian Finals (South America Regionals), and also worked as Student Delegate of SBC (Brazilian Computing Society) for 2 years. She won a merit award in her senior year for being one of the top three students with the best GPAs in the Computer Science department and also graduated with honors. She has already worked at multinational companies, such as IBM. Her areas of expertise include Java SE, Java EE, and also Sencha technologies (Ext JS and Sencha Touch). Nowadays, she is working as Software Development Manager at a financial institution, where she manages overseas solutions. She also works as an independent Sencha consultant and coach. She has also authored books such as ExtJS 4 First Look and Mastering JS for Packt Publishing. She is passionate about Sencha and Java, and is the CampinasJUG (Campinas Java Users Group) leader and ESJUG (Espirito Santo Java Users Group) coordinator, both Brazilian JUGs. She also contributes to the software development community through her blogs: http://loianegroner.com (English) and http://loiane.com (Portuguese-BR), where she writes about IT careers, Ext JS, Sencha Touch, Spring Framework, and general development notes, and also publishes screencasts.
                Sorry, we don't have any reviews for this title yet.

                Code Downloads

                Download the code and support files for this book.

                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.


                - 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"

                Sample chapters

                You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                Frequently bought together

                Ext JS 4 First Look +    Python Geospatial Development - Second Edition =
                50% Off
                the second eBook
                Price for both: £24.65

                Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                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.

                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.


                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.

                Code Download and Errata
                Packt Anytime, Anywhere
                Register Books
                Print Upgrades
                eBook Downloads
                Video Support
                Contact Us
                Awards Voting Nominations Previous Winners
                Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software