Creating a Multi-Tabbed Online Form with the Ext JS Framework
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.
Creating a Multi-Tabbed Online Form with the Ext JS Framework - Completing the multi-tabbed web form (Page 4 of 4 )
As I stated in the course of the prior section, below you have available the entire source code that will construct the multi-tabbed web form discussed previously, including all of the CSS and JavaScript dependencies. Here it is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Before you read the conclusion to this article, don’t forget that the Ext JS package must be downloaded separately, so if you’re planning to try out this example or one that was developed earlier, please point your browser to the Ext JS official web site, located at: http://www.extjs.com. Happy coding!
Final thoughts
Sad but true, we’ve come to the end of this fourth part of the series. You learned how to use the Ext JS library to build a professional-looking web form, without the need to deal directly with the complexities of a DHTML application, or even write a single line of CSS code.
In the final episode of the series, I’m going to teach you how to combine the multi-tabbed layout that you learned before with a handy HTML editor, all in one single web form. Don’t miss the last part!
DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.