Practical Ext JS Projects with Gears

Practical Ext JS Projects with Gears

by Frank W. Zammetti
Released July 2009
Publisher(s): Apress
ISBN: 9781430219248

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

Discover Ext JS, one of today's most powerful and highly regarded JavaScript frameworks, with perhaps the best set of GUI widgets around, and a whole host of components that make developing client-side applications a breeze. Using a pragmatic approach, you'll dissect seven full-fledged applications, covering

  • How Ext JS allows you to create these applications with a slick user interface with a minimum of effort

  • How the other parts of Ext JS aside from the GUI widgets provide many of the capabilities modern applications need, such as Ajax and data mechanisms

  • How other technologies such as Gears can be brought in to make the applications more powerful

Table of contents

  1. Cover Page
  2. Title Page
  3. Copyright
  4. Dedication
  5. Contents at a Glance
  6. Contents
  7. About the Author
  8. About the Technical Reviewer
  9. About the Illustrator
  10. Acknowledgments
  11. Introduction
    1. An Overview of This Book
    2. Obtaining This Book's Source Code
    3. Obtaining Updates for this Book
    4. Contacting the Author
  12. PART 1: The Preliminaries
    1. CHAPTER 1: Introducing Web Development with Ext JS
      1. The Evolution of the Web: Web Sites vs. Web Applications
      2. The Rise of the Cool: Rich Internet Applications
      3. Enter Ajax: The Driving Force behind RIAs
        1. Ajax (for Those Living under a Rock the Past 2–3 Years)
        2. The Benefits of Ajax (and by Extension, RIAs)
      4. The Evolution of Web Development
      5. Choice Is Good: Toolkits Make It a Breeze
      6. Enter Ext JS: The Best of the Bunch
      7. Fisher Price™ My First Ext JS Application
      8. Ext JS's High-Level Organizational Structure
        1. Global-Scope Classes
      9. The Ext Namespace
        1. Ext.Ajax
        2. Ext.DomHelper
        3. Ext.DomQuery
        4. Ext.Updater
      10. The Ext.util Namespace
        1. Ext.util.CSS
        2. Ext.util.DelayedTask
        3. Ext.util.Format
        4. Ext.util.JSON
        5. Ext.util.MixedCollection
        6. Ext.util.TaskRunner
        7. Ext.util.TextMetrics
      11. But… but… What About the Widgets?
      12. One Last Tangential Thing: Ext Core
      13. Summary
    2. CHAPTER 2: Widgets and Advanced Ext JS
      1. Ext JS Widgets: An Overview
        1. The Hierarchy of Widgets
        2. The Basics of Widget Usage
        3. Layout and Containers in Ext JS
        4. Form Widgets
        5. Menus and Toolbars (Oh My!)
        6. Trees in Ext JS
        7. Grids in Ext JS
        8. The Other Widgets
      2. Working with Data in Ext JS
      3. The Template and XTemplate Classes
      4. Drag and Drop
      5. The “State” of Things
      6. For Your Date in the Boardroom: Ext JS Charting
      7. Plug-ins
      8. These Are the Gears That Power the Tubes!
        1. LocalServer
        2. WorkerPool
        3. Database
      9. Summary
  13. PART 2: The Projects
    1. CHAPTER 3: Ext JS for a Busy Lifestyle: OrganizerExt
      1. What's This Application Do Anyway?
      2. Overall Structure and Files
      3. The Markup
      4. The Style Sheet
      5. The Code
        1. The DAO Class
        2. The OrganizerExt Class
      6. Suggested Exercises
      7. Summary
    2. CHAPTER 4: Making Project Management Cool: TimekeeperExt
      1. What's This Application Do Anyway?
      2. Overall Structure and Files
      3. The Markup
      4. The Style Sheet
      5. The Code
        1. DAO.js
        2. StoresAndRecords.js
        3. TimekeeperExt.js
        4. ProjectSummary.js, ResourceSummary.js, and TaskSummary.js
        5. ProjectsTree.js, TasksTree.js, and ResourcesTree.js
        6. Menu.js
        7. NewProjectDialog.js, NewTaskDialog.js, and NewResourceDialog.js
        8. ModifyProjectDialog.js
        9. ModifyResourceDialog.js
        10. ModifyTaskDialog.js
        11. DeleteProjectDialog.js, DeleteResourceDialog.js, and DeleteTaskDialog.js
      6. Suggested Exercises
      7. Summary
    3. CHAPTER 5: A Place for Your Stuff: Code Cabinet Ext
      1. What's This Application Do, Anyway?
      2. Overall Structure and Files
      3. The Markup
      4. The Style Sheet
      5. The Code
        1. DAO.js
        2. StoresAndRecords.js
        3. CodeCabinetExt.js
        4. Viewport.js
        5. Toolbar.js
        6. Tree.js
        7. Details.js
        8. SearchForm.js
        9. SearchResults.js
      6. Suggested Exercises
      7. Summary
    4. CHAPTER 6: When the Yellow Pages Just Isn't Cool Enough: Local Business Search
      1. What's This Application Do Anyway?
      2. The <script> Tag Injection Technique and JSON-P
      3. Meet the Yahoo! Web Services
        1. The Yahoo! Local Search Service
        2. The Yahoo! Map Image Service
      4. Overall Structure and Files
      5. The Markup
      6. The Style Sheet
      7. The Code
        1. DAO.js
        2. StoresAndRecords.js
        3. LocalBusinessSearch.js
        4. Header.js
        5. Details.js
        6. Favorites.js
        7. Search.js
      8. Suggested Exercises
      9. Summary
    5. CHAPTER 7: Your Dad Had a Workbench, Now So Do You: SQL Workbench
      1. What's This Application Do Anyway
      2. Overall Structure and Files
      3. The Markup
      4. The Style Sheet
      5. The Code
        1. SQLWorkbench.js
        2. StoresAndRecords.js
        3. DatabasesWindow.js
        4. TablesWindow.js
        5. CreateTableWindow.js
        6. TableDetailsWindow.js
        7. QueryToolWindow.js
        8. Help.js
      6. Suggested Exercises
      7. Summary
    6. CHAPTER 8: All Work and No Play: Dueling Cards
      1. What's This Application Do Anyway?
      2. More Fun with Gears: WorkerPool, Worker, and Timer
        1. Some WorkerPool Code
        2. Limitations and Solutions
      3. Overall Structure and Files
      4. The Markup
      5. The Style Sheet
      6. The Code
        1. Data.js
        2. SetupCode.js
        3. IndicatorsCode.js
        4. MenuCode.js
        5. DuelingCards.js
        6. OpponentCode.js
      7. Suggested Exercises
      8. Summary
    7. CHAPTER 9: Managing Your Finances: Finance Master
      1. What's This Application Do Anyway?
        1. A Warning About Warnings
      2. Overall Structure and Files
      3. The Markup
      4. The Style Sheet
      5. Preliminaries Part I: A Brief History of Portals and Portlets (Apologies to Professor Hawking)
      6. Preliminaries Part II: The Publish/Subscribe Model
      7. The Code
        1. StoresAndRecords.js
        2. DataAccess.js
        3. FinanceMaster.js
        4. OpenPortfolioWindow.js
        5. PortfolioOverviewPortlet.js
        6. PortfolioDistributionPortlet.js
        7. AccountActivityPortlet.js
        8. AccountHistoryPortlet.js
      8. Suggested Exercises
      9. Summary
  14. Index

Product information

  • Title: Practical Ext JS Projects with Gears
  • Author(s): Frank W. Zammetti
  • Release date: July 2009
  • Publisher(s): Apress
  • ISBN: 9781430219248