You are previewing Ext JS 4 First Look.
O'Reilly logo
Ext JS 4 First Look

Book Description

A practical guide including examples of the new features in Ext JS 4 and tips to migrate from Ext JS 3.

  • 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

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

    Table of Contents

    1. Cover
    2. Copyright
    3. Credits
    4. About the Author
    5. About the Reviewers
    6. www.PacktPub.com
    7. Table of Contents
    8. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
      7. Downloading the example code
    9. Chapter 1: What's New in Ext JS 4?
      1. Getting started with Ext JS 4
        1. Package and namespace updates
        2. Upgraded documentation
        3. Ext JS 4 SDK quick look
          1. What is the difference between ext.js and ext-all.js?
          2. Deploying Ext JS locally
      2. The new Ext JS 4 class system
        1. Class definition and creation
          1. Creating a new class
          2. Extending a class
        2. Mixins
        3. Config (auto setters and getters)
        4. Dynamic class loading
        5. Statics
      3. Migrating from Ext JS 3 to Ext JS 4
        1. Adapters
        2. JavaScript compatibility file
        3. Sandbox mode
        4. Sencha platform
        5. Data package
        6. Draw package and charts
        7. Layouts
        8. Grids
        9. Forms
        10. Accessibility
        11. Theming
      4. Summary
    10. Chapter 2: The New Data Package
      1. Broad overview
      2. The new model class
        1. Declaring fields
        2. Validating the model
        3. Loading/saving data with proxies and stores
        4. Linking models through associations
      3. Proxies
        1. Client proxies
          1. LocalStorageProxy
          2. SessionStorageProxy
          3. MemoryProxy
        2. Server proxies
          1. AjaxProxy
          2. RestProxy
          3. JsonPProxy
      4. Stores
        1. Readers
        2. Writers
          1. JsonWriter
          2. XmlWriter
        3. Sorting
        4. Filtering
      5. Summary
    11. Chapter 3: Upgraded Layouts
      1. Ext JS 4 layouts
      2. Container layouts
        1. Auto layout
        2. Anchor layout
        3. Absolute layout
        4. HBox layout
        5. VBox layout
        6. Accordion layout
        7. Table layout
        8. Column layout
        9. Fit layout
        10. Card layout
        11. Border layout
      3. Component layouts
        1. Dock layout
        2. Tool layout
        3. Field layout
        4. TriggerField layout
      4. Summary
    12. Chapter 4: Upgraded Charts
      1. Ext JS 4 chart upgrades
      2. Ext draw package
        1. Applying transformations to a draw
        2. Putting it all together
      3. Ext chart package
        1. Legend
        2. Axis
          1. Category, Numeric, and Time axes
          2. Gauge axis
          3. Radial axis
      4. Series
        1. Bar chart
          1. Grouped bar chart
          2. Stacked bar chart
        2. Column chart
        3. Line Chart
          1. Customizing a Line Chart
          2. Grouped Line Chart
        4. Area Chart
          1. Grouped Area Chart
        5. Scatter Chart
          1. Grouped Scatter Chart
        6. Pie Chart
          1. Donut Chart
        7. Radar Chart
          1. Grouped Radar Chart
        8. Gauge Chart
      5. Customizing a Chart
      6. Summary
    13. Chapter 5: Upgraded Grid, Tree, and Form
      1. Grid panel
        1. Columns
        2. Feature support
          1. Ext.grid.feature.Grouping
          2. Ext.grid.feature.GroupingSummary
          3. Ext.grid.feature.Summary
          4. Ext.grid.feature.RowBody
        3. Grid plugins
          1. Ext.grid.plugin.CellEditing
          2. Ext.grid.plugin.RowEditing
          3. Saving the data to the server
        4. Infinite scrolling
      2. Tree panel
        1. Drag-and-drop and sorting
        2. Check tree
        3. Tree grid
      3. Form
        1. Form fields
        2. Validation
        3. Form label
        4. Actions
      4. Summary
    14. Chapter 6: Ext JS 4 Themes
      1. Getting started with Ext JS 4 themes
      2. Installing Ruby
        1. Windows and Mac OS
        2. Linux
          1. Ubuntu and Debian
          2. Red Hat Enterprise and Fedora
      3. Installing Sass and Compass
      4. Setting up an Ext project
      5. Creating a new theme
        1. Variables
          1. Bugs in earlier versions of Ext JS 4.1
      6. Creating new Ext JS Component UIs
        1. Complete my-ext-theme.scss file
      7. Supporting legacy browsers
      8. Missing custom images
      9. Summary
    15. Chapter 7: MVC Application Architecture
      1. The new MVC application architecture
      2. Creating a sample application the old-fashioned way
      3. Migrating/creating an app using the MVC architecture
        1. Project directory structure
      4. Ext.ComponentQuery
        1. Ext.container.Container functions: query, child, down, and up
          1. Query function
          2. Child function
          3. Down function competency
          4. Up function
        2. Creating the MVC application
          1. Creating the book-mvc application
          2. Creating the controller class
          3. Controlling a view in the controller class
          4. Creating the model and store classes
          5. Adding the book details panel
          6. Controller getter methods
          7. Useful tips to develop an MVC application
          8. Nested models and MVC
      5. Building your application for production
      6. Summary
    16. Appendix A: Ext JS 4 Versus Ext JS 3 Class Names
    17. Index