Build Desktop Apps with Ext JS
Ext JS is a cross-browser JavaScript framework for building rich internet applications. It is also the foundation for Ext Designer, a desktop application that allows you build Ext JS web apps, and Sencha Touch, a mobile app framework for modern touch-based devices.
Check out the links below to find helpful resources for building apps with Ext JS.
| Title | Version | Date Added | Difficulty | |
|---|---|---|---|---|
| A Basic Login An example of how you can create simple authentication with Ext JS. | 2.x, 3.x | Apr 19, 2008 | Easy | |
|
Absolute, Fit and Accordion Layouts Jay Garcia introduces the concepts behind absolute, fit, and accordion layouts in ExtJS. | 2.x, 3.x | Mar 9, 2009 | Medium |
|
Adding and Removing Containers Jay Garcia introduces the concepts behind adding and removing containers in Ext JS. | 2.x, 3.x | Jan 13, 2009 | Medium |
| AJAX FAQ This article provides help with using AJAX in Ext JS. | 2.x, 3.x | Sep 17, 2010 | Medium | |
|
Architecting Your App in Ext JS 4, Part 1 The scalability, maintainability and flexibility of an application is mostly determined by the quality of the application’s architecture. In this article, we’ll take a look at a popular application and discuss how we might architect the user interface to create a solid foundation. | 4.x | Jun 21, 2011 | Easy |
|
|
Architecting Your App in Ext JS 4, Part 2 In Part 1 of this series, Tommy Maintz explored how to architect a Pandora-style application using Ext JS, detailing the Model-View-Controller architecture and how to apply it to a relatively complex UI application with multiple views and models. In Part 2, Tommy moves beyond architecting the application visually, and explains how to design and code the controllers and models. | 4.x | Aug 1, 2011 | Medium |
|
|
Architecting Your App in Ext JS 4, Part 3 In the previous series of articles, we explored architecting a Pandora-style application using the new features of Ext JS 4. In this part of the series, we will continue implementing controller logic inside of the application's MVC architecture. | 4.x | Sep 19, 2011 | Medium |
| Basic Form Submit In this small tutorial, we'll try to build an Ext form that will submit in the traditional way, like all regular HTML forms. | 2.x, 3.x | May 19, 2008 | Medium | |
| Basic Page Setup This tutorial shows how a basic Ext JS page should be structured. | 2.x, 3.x | Mar 12, 2009 | Easy | |
|
Border Layouts Jay Garcia introduces the concepts behind border layouts in Ext JS. | 2.x, 3.x | Mar 28, 2009 | Medium |
| Building a grid with a livesearch form The goal of this tutorial is to make a page where you can look up some people. The user will type in the name in an inputfield and as the user is typing the name, the search results will be displayed in a grid. | 2.x, 3.x | May 5, 2008 | Medium | |
| ComboBox FAQ This article lists some questions and common goals you might have when using the Ext JS ComboBox. | any version | Sep 17, 2010 | Medium | |
| Common Ext JS errors This article lists some questions and common issues you might experience when building Ext JS applications. | 2.x, 3.x | Sep 17, 2010 | Easy | |
| Components A simple example, and videos, about how to create components in Ext JS. | 4.x | Apr 26, 2011 | Medium | |
|
Container, Anchor and Form Layouts Jay Garcia introduces the concepts behind container layouts in Ext JS. | 2.x, 3.x | Feb 5, 2009 | Medium |
|
Create Delegate and Scope Jay Garcia explains the concepts of creating delegates and scope in Ext JS. | 2.x, 3.x | Feb 13, 2009 | Medium |
|
Data Stores and GridPanels Jay Garcia takes an in-depth tour of the Data Store and GridPanel concepts in Ext JS. | 2.x, 3.x | Mar 20, 2009 | Medium |
|
Debugging Ext JS applications Whether you're a seasoned JavaScript programmer or just starting out, the cause of problems can often be hard to track down. Here is a checklist you can work through when your code is not working as you expect it to work. | any version | Sep 17, 2010 | Medium |
| DomHelper Performance This tutorial discusses how DomHelper works and its real world performance. | 2.x, 3.x | Feb 15, 2009 | Easy | |
| DomQuery v1.1 Basics This tutorial will be your starting point in learning how to navigate through the DOM and getting anything you want with Ext's DomQuery singleton object. | any version | Aug 5, 2007 | Easy | |
|
Drawing and Charting This document is intended to guide you through the overall design and implementation details of the Drawing and Charting packages. The drawing and charting packages enable you to create cross browser and cross device graphics in a versatile way. | 4.x | Apr 26, 2011 | Medium |
| Easy Ext JS Some basic concepts to show how Ext JS can be used to add interactivity to a standard web page. | 2.x, 3.x | Apr 19, 2008 | Easy | |
|
Ext JS 4 Panel Docked Items Learn how to effectively use Ext JS docked items. | 4.x | Jul 8, 2011 | Easy |
| Ext JS Essentials This tutorial will walk through Ext basic concepts and how to get a dynamic page up and running quickly. It is assumed that the reader has some Javascript experience and a basic understanding of the HTML document object model (DOM). | 2.x, 3.x | Nov 2, 2007 | Easy | |
| Ext JS Grids with PHP and SQL An epic, step by step tutorial on setting up a workable PHP/SQL/Ext JS Grid system. | 2.x, 3.x | Mar 25, 2008 | Medium | |
| Ext.apply explained Jay Garcia explains the Ext.apply function. | any version | Apr 1, 2008 | Easy | |
|
Ext.each explained Jay Garcia explains the Ext.each function. | any version | Apr 1, 2008 | Easy |
| Ext.extend explained Jay Garcia explains an important concept in Ext JS: that of the Ext.extend function. | any version | Apr 1, 2008 | Easy | |
| Extensions and Themes The Ext JS community has a large number of enthusiastic developers creating extensions and themes that you can use for your own applications. Use this list to find good quality components supported by third-party community members. | 1.x, 2.x, 3.x | Mar 18, 2011 | Easy | |
| Form FAQ This article lists some questions and common goals you might have when using Ext JS forms. | any version | Sep 17, 2010 | Medium | |
| General Questions | 2.x, 3.x | Sep 17, 2010 | Easy | |
| Getting Elements and Components This article lists some questions you might have when accessing DOM elements with Ext JS and the Ext.get function. | 2.x, 3.x | Sep 17, 2010 | Easy | |
| Getting Productive This article helps you take your next steps with Ext JS. | 2.x, 3.x | Dec 27, 2010 | Medium | |
| Getting Started with Ext JS This tutorial will walk through how to get your Ext JS installation up and running quickly. | 2.x, 3.x | Jul 30, 2008 | Easy | |
|
Getting Started with Ext JS 4.0 This introduction to Ext JS 4.0 explains the major improvements made to the framework, and how you can get started with creating your first application with it. | 4.x | Apr 26, 2011 | Easy |
| Getting Started with Forms This tutorial gets you started with creating a basic form with Ext JS. | 2.x, 3.x | May 8, 2007 | Easy | |
| Grid Editor ASP Access Building a grid component with server side Jscript ASP and Access database | 2.x, 3.x | May 5, 2008 | Medium | |
| Grid FAQ This article provides a list of common troubleshooting techniques for Ext JS grids. | 2.x, 3.x | Sep 17, 2010 | Medium | |
| HTML Page Setup This article describes the setup of a basic HTML page to run your Ext JS application from. | 2.x, 3.x | Dec 25, 2010 | Easy | |
| Layout FAQ This article provides a list of common troubleshooting techniques for Ext JS layouts. | any version | Sep 17, 2010 | Medium | |
|
Layouts and Containers The layout system is one of the most powerful parts of Ext JS. It handles the sizing and positioning of every component in your application and keeps everything in the right place while your user gets their work done. | 4.x | Dec 17, 2010 | Medium |
| Loading Data Into and Submitting a Form This tutorial continues, and uses the employee edit form used in, the 'Getting Started with Forms' tutorial. | 2.x, 3.x | May 23, 2007 | Medium | |
| Miscellaneous FAQ These frequently-asked questions relate to general, miscellaneous topics in Ext JS. | any version | Sep 17, 2010 | Medium | |
| Overview of Ext JS This article provides an introduction to the basic principles of Ext JS. | 2.x, 3.x | Oct 23, 2010 | Easy | |
| Overview of Ext JS 2 This document provides an overview all of the major features available the Ext JS 2 series releases. | 2.x | Jul 30, 2008 | Easy | |
| Overview of Ext JS 3 This document provides a great overview all of the major features available the Ext JS 3 series releases. | 3.x | Jul 30, 2008 | Easy | |
| Playing With Ext The Easy Way An easy way to try things out in Ext JS without having to create an entire application harness. | 2.x, 3.x | Oct 13, 2007 | Easy | |
| Prepare Your Machine for EXT JS There are many different paths to build a web application using different database backends and middle scripting languages to do the data processing between web frontend and database backend. This tutorial is to help making the pre-work needed for running the community Ext JS tutorial examples. | 2.x, 3.x | Feb 27, 2009 | Easy | |
| Setting Up In Eclipse For those of you who would like to use Eclipse as an IDE for developing Ext-JS applications, this tutorial details the initial setup. | 2.x, 3.x | Dec 25, 2010 | Easy | |
| TabPanel FAQ This article provides a list of common troubleshooting techniques for Ext JS tab panels. | any version | Sep 17, 2010 | Medium | |
| Template FAQ This article provides a few ideas for ways in which you can use Ext JS templates. | any version | Sep 17, 2010 | Medium | |
|
The Class System This manual is intended for any developer who wants to create new or extend existing classes with the new class system in Ext JS 4.x. | 4.x | Apr 26, 2011 | Medium |
|
The Data Package The data package is what loads and saves all of the data in your application. This guide walks you through the major classes you'll use to populate your application with data from both remote and local storage. | 4.x | Apr 26, 2011 | Medium |
|
The Grid Component The grid is one of the centerpieces of Ext JS. It’s an incredibly versatile component that provides a great way to view lots of data at once, formatted exactly how you need it. With Ext JS 4 we have overhauled the grid, making it faster, lighter and easier to customize. | 4.x | Apr 26, 2011 | Medium |
|
The MVC Application Architecture Ext JS 4 comes with a new application architecture that not only organizes your code but reduces the amount you have to write. In this guide you will learn how to put simple applications together with this structured pattern. | 4.x | Apr 26, 2011 | Medium |
|
The Tree Component Ext JS 4.0 introduces a solid foundation for one of our most versatile components - Tree. Tree and grid now both extend from the same base class. All of the benefits of grid - features, extensions, and plugins can now be used on trees. | 4.x | Apr 26, 2011 | Medium |
|
Theming Ext JS 4 has a brand new theming system to customize the look of your application while still supporting all browsers. This guide explains how to use it, together with Sass and Compass, its dependencies. | 4.x | Apr 26, 2011 | Medium |
| Tree FAQ This article provides a few ideas for ways in which you can use Ext JS trees. | any version | Sep 17, 2010 | Medium | |
| Using Calendar This tutorial will show you hot to use a Calendar through DateField with its respect date formats. Also it walks about how you to insert a date using PHP / MySQL. | 2.x, 3.x | Jan 2, 2009 | Easy | |
| Using ComboBoxes This tutorial discusses how to link together two ComboBoxes in Ext JS. | 2.x, 3.x | Oct 20, 2007 | Medium | |
| Using Ext grid form dialogs to achieve CRUD This article will walk you through using the grid, form and dialog in Ext JS to achieve list, create, update, delete, search and paging functions. | 2.x, 3.x | Jun 17, 2007 | Medium | |
|
vbox and hbox Layouts Jay Garcia introduces the concepts behind the vbox and hbox layouts in Ext JS. | 2.x, 3.x | Apr 20, 2009 | Medium |
| Window FAQ This article provides a few ideas for ways in which you can use Ext JS windows. | any version | Sep 17, 2010 | Medium |