Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Ext JS 3.0 Cookbook

You're reading from   Ext JS 3.0 Cookbook Clear step-by-step recipes for building impressive rich internet applications using the Ext JS JavaScript library

Arrow left icon
Product type Paperback
Published in Oct 2009
Publisher Packt
ISBN-13 9781847198709
Length 376 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Toc

Table of Contents (15) Chapters Close

Ext JS 3.0 Cookbook
Credits
About the Author
About the Reviewer
1. Preface
1. DOM and Data Types, the Ext JS Way FREE CHAPTER 2. Laying Out a Rich User Interface 3. Load, Validate, and Submit Forms 4. Fun with Combo Boxes and Date Fields 5. Using Grid Panels to Display and Edit Tabular Data 6. More Applications of Grid and List Views 7. Keeping Tabs on Your Trees 8. Making Progress with Menus and Toolbars 9. Well-charted Territory 10. Patterns in Ext JS

Creating a portal and a portlets catalog


Portals are one of the most efficient ways to present information from diverse sources. This is how you can create a dashboard-style GUI that consists of a portal region and a Portlets Catalog. Portlets in the catalog can be added to the portal via a context menu. Once in the catalog, a portlet can be re-positioned or removed from the portal and sent back to the catalog. In the following screenshot, you'll see how a portlet is added using a context menu:

In the following screenshot, you'll see how a portlet is removed:

Portlets can also be re-positioned, as shown in the following screenshot:

How to do it...

The dashboard uses five main components:

  • The Portlet class, which represents a portlet

  • The PortletsCatalog class, which is a tree view where each node represents a portlet

  • The PortalColumn class, which displays a number of portlets in a column layout

  • The Portal, which contains two PortalColumn instances so that portlets are arranged into two columns...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image