JavaScript
  Home arrow JavaScript arrow Page 3 - EXT JS 2.1 Overview
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
JAVASCRIPT

EXT JS 2.1 Overview
By: Dan Wellman
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 7
    2008-07-07

    Table of Contents:
  • EXT JS 2.1 Overview
  • Library Features
  • Library Components
  • Documentation and Examples

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    EXT JS 2.1 Overview - Library Components


    (Page 3 of 4 )

    The library comes with the following utilities:

    Utility

    Usage

    ClickRepeater

    A wrapper that can be applied to any element to enable the dispatch of click, mousedown and mouseup events, bringing the power of click interaction to any and all HTML elements.

    CSS

    A singleton component that allows for effective CSS manipulation. Contains methods for creating or removing, or dynamically changing, style sheets and for getting or updating individual CSS rules.

    Date

    A helper class for formatting and working with dates programmatically. It vastly improves the set of date methods native to JavaScript.

    DelayedTask

    Provides a convenient way of working with JavaScript's setTimeout method.

    Format

    A singleton that provides data formatting services. This class also contains many useful methods for working with all kinds of data from strings to numbers.

    JSON

    Provides methods for encoding and decoding JSON. Derived from Doug Crockford's json.js

    KeyMap

    The KeyMap class allows you to define callback functions for many of the keys on your keyboard that are bound to different elements on your page.

    KeyNav

    Use the direction keys on your keyboard to provide custom keyboard navigation schemes.

    MixedCollection

    Stores other objects and maintains numeric indices and keys.

    Observable

    Provides a common interface for working with events.

    TaskMgr

    Singleton class that is used to start and stop other tasks.

    TextMetrics

    This singleton allows you to quickly and easy determine the pixel height and width of any specified block of text.

    XTemplate

    Allows for the creation of advanced templates used to store and represent different types of information.



    There are many other utilities and classes that make up the library, but these are the ones that you'll find within the utils directory in the unpacked library structure.

    Widgets make up another huge collection of classes and components in the library. These are defined objects that provide a particular feature and can be implemented quickly and easily out of the box. The widgets available at present are:

    Widget

    Usage

    Action

    Allows you to define a particular action and share it across multiple library components. Configuration objects, UI updates and event handlers are also shared.

    BoxComponent

    Used by any of the library components that sit in a box like container.

    Button

    Allows you to create advanced button objects and work with them effectively using the huge range of methods, properties and events exposed by this class.

    ColorPalette

    Creates a simple interface for choosing a color.

    ComponentMgr

    Allows you to access any component on the page via a registry of active components.

    Component

    Base class for all types of library components.

    Container

    A base class for all containers that can hold library components.

    CycleButton

    The CycleButton is a special type of split button that contains a menu and cycles through each menu item each time the button is clicked.

    DataView

    A specialized component used to display and format data. Supports a variety of data stores used as the source for the data.

    DatePicker

    A simple calendar interface for selecting dates.

    Editor

    A basic editor used to capture extended textual input.

    Form

    Lets you create advanced and highly styled forms quickly and easily.

    Grid

    Lets you create highly advanced data grids with built-in support for column sorting, pagination, dynamic data population and much more.

    Layer

    Add shadows and shims to elements.

    Layout

    Lets you create advanced layouts, such as accordions and columns

    LoadMask

    This widget masks components while they are loading data.

    Menu

    Lets you create a variety of powerful and attractive menus.

    MessageBox

    Generates different types of message boxes.

    PagingToolbar

    Provides automatic pagination to multipage data displays.

    PanelDD

    A draggable panel container similar to an OS window.

    Panel

    A non-draggable panel container.

    ProgressBar

    An attractive and highly configurable widget for displaying the progress of different actions.

    Resizable

    Instantly makes any element resizable through the addition of resize handles.

    Shadow

    A simpler version of Layer that adds a shadow to any element.

    Slider

    A slider component with advanced functionality built in.

    SplitButton

    Provides a button which can expand with a submenu.

    StatusBar

    Added to the bottom of any type of panel; used to show icons and text.

    TabPanel

    Creates a basic tabbed interface for showing and hiding information.

    Toolbar

    Lets you easily create attractive and effective toolbars.

    Viewport

    This is a specialized container which automatically sets itself to the dimensions of the viewable area of the page.

    WindowManager

    Manages groups of windows.

    Window

    A floating panel.



    As you can see there are many, many components which you can put to good use in your own applications. Instead of providing a few widgets that can be used to enhance applications, EXT JS is a foundation from which entire applications can be built. There are many more components and classes used by the library for other advanced features such as AJAX.

    More JavaScript Articles
    More By Dan Wellman


       · Thanks for taking the time to read this article, I hope it provokes enough interest...
     

    JAVASCRIPT ARTICLES

    - Validating Digits and Dates with jQuery`s Va...
    - Validating Ranges, Emails, and URLs with jQu...
    - More Uses for the jQuery Tooltip Plug-in`s b...
    - Building Image-Based Tooltips with the jQuer...
    - Using the jQuery Tooltip Plug-in`s bodyHandl...
    - Using Rangelength, Min and Max with the Vali...
    - Using Minlength and Maxlength with the Valid...
    - Modifying Tooltip Coordinates with the jQuer...
    - Applying a Fade Out Effect with the jQuery T...
    - Tracking Mouse Movements with the jQuery Too...
    - Checking Online Forms with the Validator jQu...
    - Nested JavaScript Functions as Objects
    - The jQuery Tooltip Plug-in
    - Active Client Pages at the Server
    - ACP Tab Web Page







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 4 Hosted by Hostway
    Stay green...Green IT