An example of panels layout with ExtJS javascript library

February 7, 2008. Posted by Jorge

This is a sample ExtJS layout with three collapsible panels. Two of the panels can be shown or hidden via toolbar buttons. You are welcome to use the code in your applications without restrictions.

See how it works.

Download the source code for this sample from the Downloads page.

 

 

E-mail   Permalink    Comments(11)   Trackback

Tags:

Comments

By Jim  on Friday, May 23, 2008

Great example! Thanks!!!

By ngoc  on Monday, June 16, 2008

Dear sir,

i use extjs with php ( symfony).
Sometime, when i issue action php from the extjs ajax request.
PHP action has returned result but Ext can not do layout.
I have reload page, then can do layout.

What happen?? what i must do??

Thanks and best regards,

By Michael  on Friday, October 10, 2008

Where is the source code? In the rar-Archive(ExtJsLayout.rar) in the download sector is only a htm-file.

By Jorge  on Friday, October 10, 2008

Michael,

The source is the html file. Take a look inside.

By Jorge  on Friday, October 10, 2008

ngoc,

Maybe my post on dynamic layouts can help? You can find it here: miamicoder.com/post.aspx

By ShaoKhan  on Wednesday, November 12, 2008

Sorry, but in the layout sample are the css files missing

By ShaoKhan  on Wednesday, November 12, 2008

sorry .... found it. It uses the standards ;) Thanks

By Ted  on Monday, May 18, 2009

What's up with all of the dead space at the top?

By Ted  on Thursday, May 21, 2009

I'm curious why you need the containerPanel, couldn't you just put the items directly into the viewport? I'm new to ext and this example helped me a lot thanks, so I am not suggesting your approach is flawed, just don't understand what the extra "layer" of layout buys you.

By Jorge  on Thursday, May 21, 2009

Ted,

The container panel allows me to place the menu items at the top of the page via its tbar. Unlike the Panel Class, the ViewPort Class does not have a tbar config option. There are more ways to place menu items at the top of the page, I just chose a tbar.

I hope this helps.

By a-g-e  on Friday, October 02, 2009

I have  started to develop using Javascript in the client browser but I am realising it is a large learning curve.  The title " An example of panels layout with ExtJS javascript library " in this post, caught my interest. My recent experience is with mysql, php, most linux based tools and a little flash. The ambition of utilising Javascript to get a satisfactory client script that functions rapidly in most of the established web browsers, IE, Safari, Firefox and Google Chrome can be a great head ache which I find is taking umpteen hours to overcome.  I find the tutorial web sites  are oftentimes rigid and cover the same items, dialog in web logs frequently reference factual ways to resolve problems that leads me through the learning curve more quickly. Absorbing to study your thoughts and the comments in your website on Javascript. Thanks for the note, it has helped in a small way to take me through the migration.

Comments are closed