JavaScript
  Home arrow JavaScript arrow Building Dynamic Web Forms with the Ext JS...
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

Building Dynamic Web Forms with the Ext JS Framework
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 5
    2009-01-27

    Table of Contents:
  • Building Dynamic Web Forms with the Ext JS Framework
  • Building a simple contact form
  • Building a dynamic contact web form
  • Listing the dynamic contact form's complete source code

  • 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


    Building Dynamic Web Forms with the Ext JS Framework


    (Page 1 of 4 )

    If you do any programming in JavaScript for the web, you've probably heard about a number of third-party libraries that can make your life a lot easier. This five-part series will introduce you to Ext JS, one of the more versatile frameworks. You'll be amazed at how much you can accomplish with it.

    Introduction

    As you know, the Web is by far the largest development platform available nowadays. This growing phenomenon is particularly evident in the terrain dominated by third-party JavaScript libraries. Prototype, Scriptaculous, Yahoo! User Interface, jQuery, and so forth, are all the preferred toolkits of many professional web developers when it comes to constructing full-featured JavaScript applications and creating solid user interfaces.

    However, there’s one particular package that stands out from the rest, due to its solid capacity for building professional front-ends and interactive web widgets by way of clean, object-oriented JavaScript code. If you haven’t heard about it yet, you're about to enter the world of the Ext JS framework. It is a piece of software that offers a great variety of predefined web components, including forms and web page grids, message boxes and hierarchical tree menus, which can be incorporated into any existing web application in a few minutes.

    Indeed, the number of pre-built web widgets that are bundled with the Ext JS package can be pretty overwhelming, particularly when you only need to incorporate, for instance, a couple of dynamic message boxes and a simple contact form to your web site, and nothing else.

    Therefore, in this series of comprehensive articles, I’m going to provide you with a quick guide to constructing different kinds of dynamic web forms by using the JavaScript API offered by the Ext JS framework.

    Ranging from creating simple contact forms, to building full-featured HTML editors, by the end of this series you’ll be armed with the required background to start including this complete arsenal of interactive components in your own web site --without suffering premature hair loss!

    Now, let’s learn together how to build dynamic web forms by means of the Ext JS library. Let’s go!

    More JavaScript Articles
    More By Alejandro Gervasio


       · Ext JS is a popular JavaScript framework that permits to build interactive interface...
     

    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 5 Hosted by Hostway
    Stay green...Green IT