You are previewing Learning Ext JS 4.
O'Reilly logo
Learning Ext JS 4

Book Description

For those with a little JavaScript experience, this book is a great way to learn Ext JS and start building interactive web applications using Ajax, DHTML, Dom, and the like. Ideal for beginners.

  • Learn the basics and create your first classes

  • Learn the basics and create your first classes

  • Handle data and understand the way it works, create powerful widgets and new components

  • Dig into the new architecture defined by Sencha and work on real world projects

  • In Detail

    Ext JS is a JavaScript library for building interactive web applications using techniques such as Ajax, DHTML, and DOM scripting.

    Ext JS 4 features expanded functionality, plugin-free charting, and a new MVC architecture, it's the best Ext JS web application development platform yet. It helps develop incredible web apps for every browser.

    Learning Ext JS 4 will teach you how to get the best of each Ext JS component and also show you some very practical examples that you can use in real world applications. You will also learn why it is so useful and powerful in developing fast and beautiful applications.

    The book starts with the very basics of Ext JS. You will learn to create a small application step-by-step, and add new features to it in every chapter.

    Once you grasp the basics, you will learn more complicated topics such as creating new components, templates, architecture, patterns, and also tips and techniques that will help you improve your skills on JavaScript and Ext JS 4. We also cover how to create themes to make your application design beautiful and customize it the way you need.

    At the end of the book, you will have a working application built using all the knowledge you gained from the book.

    Table of Contents

    1. Learning Ext JS 4
      1. Table of Contents
      2. Learning Ext JS 4
      3. Credits
      4. About the Authors
      5. About the Reviewers
      6. www.PacktPub.com
        1. Support files, eBooks, discount offers and more
          1. Why Subscribe?
          2. Free Access for Packt account holders
      7. Preface
        1. What this book covers
        2. Who this book is for
        3. Conventions
        4. Reader feedback
        5. Customer support
          1. Downloading the example code
          2. Errata
          3. Piracy
          4. Questions
      8. 1. The Basics
        1. Should I use Ext JS for my next project?
        2. Getting started with Ext JS
          1. Looking at the whole picture
          2. Why so many files and folders?
        3. Our first program
        4. Editors
          1. Sublime Text 2
          2. Eclipse Web Tools Platform project
          3. Aptana
          4. Textmate
          5. Sencha Architect
        5. Building an application
          1. Planning our application
          2. Wireframing
          3. Data structure
          4. File structure
        6. Summary
      9. 2. The Core Concepts
        1. The class system
          1. Simple inheritance
          2. Pre-processors and post-processors
          3. Mixing many classes
          4. Configurations
          5. Statics methods and properties
          6. Singleton
          7. Alias
        2. Loading classes on demand
          1. Enabling the loader
          2. Dependencies
          3. Synchronous Loading
        3. Working with the DOM
          1. Getting elements
          2. Query – How to find them?
        4. Manipulation – How to change it?
        5. Summary
      10. 3. Components and Layouts
        1. The components lifecycle
          1. The creation phase
          2. The rendering phase
          3. The destruction phase
            1. The lifecycle in action
        2. About containers
          1. The panel
          2. The Window component
        3. The layout system
          1. Fit layout
          2. Card layout
          3. HBox layout
          4. VBox layout
          5. Border layout
          6. Accordion layout
        4. Summary
      11. 4. It's All About the Data
        1. Ajax
        2. Models
          1. Validations
          2. Relationships
        3. Dealing with the store
          1. Adding new elements
          2. Looping through the elements
          3. Retrieving the records
          4. Removing records
        4. Retrieving remote data
          1. Ajax proxy
          2. JSON reader
          3. XML reader
          4. Mappings
        5. Sending data
        6. Summary
      12. 5. Buttons and Toolbars
        1. Event driven development
        2. A simple button
        3. Adding menus
        4. Toolbars
        5. The main menu for our application
        6. Summary
      13. 6. Doing it with Forms
        1. The form component
          1. Anatomy of the fields
        2. Available fields
          1. The Textfield class
          2. The number field
          3. The combobox field
          4. The date field
          5. The checkbox
          6. The radio button
        3. The field container
        4. Submitting the data
        5. Summary
      14. 7. Give me the Grid
        1. The data connection (models and stores)
          1. Defining a model for the store of the grid
          2. Defining a store for the grid
        2. A basic grid panel
        3. Columns
        4. Columns renderers
        5. Selection models
        6. Grid listeners
        7. Features
          1. Ext.grid.feature.Grouping
          2. Ext.grid.feature.GroupingSummary
          3. Ext.grid.feature.RowBody
          4. Ext.grid.feature.Summary
        8. Plugins
          1. Ext.grid.plugin.Editing
          2. Ext.grid.plugin.CellEditing
          3. Ext.grid.plugin.RowEditing
        9. Grid paging
        10. Infinite scrolling
        11. Summary
      15. 8. Architecture
        1. The MVC pattern
        2. Creating our first application
          1. The views
          2. The controller
            1. Listening events
            2. Opening modules
        3. Creating a module
          1. Adding functionality
          2. References
        4. Summary
      16. 9. DataViews and Templates
        1. The data connection (models and stores)
          1. Defining our User Model
          2. Defining the store
        2. A basic dataview
          1. Getting all our code together
        3. Handling events on the dataview
          1. Adding the listeners to the dataview
        4. Templates
        5. A more complex dataview
        6. Summary
      17. 10. The Tree Panel
        1. A basic tree panel
        2. The TreeStore
        3. Tree nodes
        4. Tree drag-and-drop
        5. Adding and removing nodes
        6. The check tree
        7. The grid tree
        8. Adding an invoices' categories tree panel
        9. Summary
      18. 11. Drag and Drop
        1. Make an item draggable
        2. Hitting the drop zone
        3. Drag and drop between Ext JS components
        4. Enhancing our application with drag and drop
        5. Summary
      19. 12. Look and Feel
        1. Setting up our environment
        2. The resources folder
        3. Variables
        4. Advanced theming
          1. Adding new gradients
          2. Styles for the tabs
          3. Styling the panel
        5. Different styles for the same component
        6. Supporting legacy browsers
        7. Summary
      20. 13. From Drawing to Charting
        1. Basic drawing
        2. Adding interaction
        3. Charts
          1. Legend
          2. Axis
          3. Gradients
          4. Series
          5. Theming
        4. Series examples
          1. Area
          2. Bar
          3. Line
          4. Pie
          5. Radar
          6. Scatter
          7. Gauge
        5. Enhancing our application with charts
        6. Summary
      21. Index