You are previewing Ext JS in Action, Second Edition.
O'Reilly logo
Ext JS in Action, Second Edition

Book Description

Summary

Ext JS in Action, Second Edition teaches Ext JS from the ground up. You'll start with a quick overview of the framework and then explore the core components by diving into complete examples, engaging illustrations, and crisp, straightforward explanations. You'll feel like you have an expert guide right at your elbow teaching you important Ext techniques and offering insight into its inner workings. Along the way, you'll learn the best practices for building and scaling full-featured web applications, including how to customize and build Ext widgets. Fully revised for Ext JS 4.0.

About this Book

Ext JS is a mature JavaScript web application framework that provides modern UI widgets and an advanced MVC architecture. It helps you manage tedious boilerplate and minimize hand-coded HTML and browser incompatibilities.

Ext JS in Action, Second Edition starts with a quick overview of the framework and then explores the core components by diving into complete examples, engaging illustrations, and clear explanations. You’ll feel like you have an expert guide at your elbow as you learn the best practices for building and scaling full-featured web applications.

A working knowledge of JavaScript is assumed. No prior experience with Ext JS is required.

What’s Inside

  • Building professional web apps with Ext JS

  • Stamping out DOM fragments with templates

  • Customizing and building Ext widgets

  • Masterful UI design

  • Fully revised for Ext JS version 4.0

  • About the Authors

    Jay Garcia is a well-known member of the Ext JS community and a contributor to the framework. He wrote Sencha Touch in Action. Grgur Grisogono founded SourceDevCon in London, UK and Split, Croatia. Jacob Andresen is a consultant specializing in large scale internet applications.

    Table of Contents

    1. Copyright
    2. Brief Table of Contents
    3. Table of Contents
    4. Preface
    5. Acknowledgments
    6. About this Book
      1. Who should read this book
      2. What you’ll need
      3. Roadmap
      4. Code conventions
      5. Getting the latest examples
      6. Author Online
      7. About the authors
    7. About the Cover Illustration
    8. Part 1. Introduction to Ext JS 4.0
      1. Chapter 1. A framework apart
        1. 1.1. Looking at Ext JS
        2. 1.2. What you need to know
        3. 1.3. A tour of the Ext JS widgets
        4. 1.4. What’s new in Ext JS 4.0
        5. 1.5. Downloading and configuring
        6. 1.6. Take it for a test drive
        7. 1.7. Summary
      2. Chapter 2. DOM manipulation
        1. 2.1. Let Ext JS kick off your code
        2. 2.2. Managing DOM elements with Ext.Element
        3. 2.3. Using templates and XTemplates
        4. 2.4. Summary
      3. Chapter 3. Components and containers
        1. 3.1. The Component model
        2. 3.2. The component life cycle
        3. 3.3. Containers
        4. 3.4. Querying for components
        5. 3.5. The viewport container
        6. 3.6. Summary
    9. Part 2. Ext JS components
      1. Chapter 4. Core UI components
        1. 4.1. The panel
        2. 4.2. Displaying window dialogs
        3. 4.3. MessageBox
        4. 4.4. Components can live in tab panels too
        5. 4.5. Summary
      2. Chapter 5. Exploring layouts
        1. 5.1. How layout managers work
        2. 5.2. The Auto layout
        3. 5.3. The Anchor layout
        4. 5.4. The Absolute layout
        5. 5.5. The Fit layout
        6. 5.6. The Accordion layout
        7. 5.7. The Card layout
        8. 5.8. The Column layout
        9. 5.9. The HBox and VBox layouts
        10. 5.10. The Table layout
        11. 5.11. The Border layout
        12. 5.12. Summary
      3. Chapter 6. Forms in Ext JS
        1. 6.1. Basic input fields
        2. 6.2. Type-ahead with the ComboBox
        3. 6.3. The time field
        4. 6.4. The HTML Editor
        5. 6.5. Selecting a date
        6. 6.6. Checkboxes and radio buttons
        7. 6.7. The form panel
        8. 6.8. Data submission and loading
        9. 6.9. Summary
      4. Chapter 7. The data store
        1. 7.1. Introducing the data store
        2. 7.2. Loading and saving data
        3. 7.3. A store with Writer
        4. 7.4. Associating data
        5. 7.5. Summary
      5. Chapter 8. The grid panel
        1. 8.1. Introducing the grid panel
        2. 8.2. Building a simple grid panel
        3. 8.3. Advanced grid panel construction
        4. 8.4. Editing data in the grid panel
        5. 8.5. Getting the CRUD in
        6. 8.6. Summary
      6. Chapter 9. Taking root with trees
        1. 9.1. Tree panel theory
        2. 9.2. Planting your first tree panel
        3. 9.3. Growing dynamic tree panels
        4. 9.4. Implementing CRUD on a tree panel
        5. 9.5. Summary
      7. Chapter 10. Drawing and charting
        1. 10.1. Drawing shapes
        2. 10.2. Drawing concepts
        3. 10.3. Surfacing sprites
        4. 10.4. Sprite interactions
        5. 10.5. Mastering the path
        6. 10.6. A deep dive into charts
        7. 10.7. Implementing Cartesian charts
        8. 10.8. Custom themes
        9. 10.9. Pie charts
        10. 10.10. Summary
      8. Chapter 11. Remote method invocation with Ext Direct
        1. 11.1. Making the two ends meet
        2. 11.2. Ext Direct vs. REST
        3. 11.3. Server-side setup
        4. 11.4. Working with remote methods
        5. 11.5. Directly invoking remote methods
        6. 11.6. CRUD-enabled Ext.data.DirectStore
        7. 11.7. Summary
      9. Chapter 12. Drag-and-drop
        1. 12.1. The drag-and-drop workflow
        2. 12.2. Drag-and-drop: a basic example
        3. 12.3. Finishing your drag-and-drop implementation
        4. 12.4. Using DDProxy
        5. 12.5. Drag-and-drop with views
        6. 12.6. Drag-and-drop with grid panels
        7. 12.7. Drag-and-drop with tree panels
        8. 12.8. Summary
    10. Part 3. Building an application
      1. Chapter 13. Class system foundations
        1. 13.1. Classic JavaScript inheritance
        2. 13.2. Inheritance with Ext JS
        3. 13.3. Extending Ext JS components
        4. 13.4. Plug-ins to the rescue
        5. 13.5. Dynamically loading classes with the Ext JS loader
        6. 13.6. Summary
      2. Chapter 14. Building an application
        1. 14.1. Thinking as a web UI developer
        2. 14.2. Application (infra)structure
        3. 14.3. Kicking off the Survey app
        4. 14.4. Packaging
        5. 14.5. Summary
    11. Index
    12. List of Figures
    13. List of Tables
    14. List of Listings