Creating a Multi-Tabbed Online Form with the Ext JS Framework
(Page 1 of 4 )
If you know how much time and effort JavaScript libraries can save you when it comes to coding complex web forms, and are interested in the Ext JS library, then welcome to the fourth installment of a series that focuses on building dynamic web forms with the Ext JS framework. Made up of five approachable tutorials, this series shows you how to construct different kinds of interactive online forms by using the powerful JavaScript API provided by the popular Ext JS package.
Introduction
As you know, there are a number of web applications that require you to build some online forms with certain special features that aren’t found regularly in typical development scenarios. For instance, suppose that you need to create a web-based email application. Logically, you’ll want to provide your users with the ability to send email in rich text format, right?
Most of the time, this characteristic is implemented via a regular web form, which is simply coupled to a basic HTML editor. Of course, this will permit users to compose and submit elegantly-formatted email by mean of an intuitive interface. However, you know that developing a web form like this demands not only countless hours of hard work, but having a solid background in JavaScript and CSS as well.
In this case, you can take the long way and spend your valuable time creating a complex DHTML application for your web-based email program, or you can pick up a JavaScript library like Ext JS, which will allow you get the same results in only a few minutes.
Now, going straight to the point, you’ll recall that in the last article I left off explaining how to use the library to build a multi-column web form which also incorporated an HTML editor. Indeed, performing this task with the Ext JS package was a no-brainer process that only required writing a few lines of object-oriented JavaScript code.
Nonetheless, this instructive journey isn't over yet, because I’d like to show you a couple of additional things that you can do with the Ext JS framework. Therefore, in this fourth chapter of the series, I’m going to show you how to utilize this useful package to build a multi-tabbed web form. Let’s begin now!
Next: Review: building a rich text format editor with the Ext JS library >>
More JavaScript Articles
More By Alejandro Gervasio