Creating a Multi-Tabbed Online Form with the Ext JS Framework

Creating a Multi-Tabbed Online Form with the Ext JS Framework
(Page 1 of 4 )

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!

blog comments powered by Disqus