Extends: Object
Implements: Options, Events, Jx.Addable
A panel set manages a set of panels within a DOM element. The PanelSet fills its container by resizing the panels in the set to fill the width and then distributing the height of the container across all the panels. Panels can be resized by dragging their respective title bars to make them taller or shorter. The maximize button on the panel title will cause all other panels to be closed and the target panel to be expanded to fill the remaining space. In this respect, PanelSet works like a traditional Accordion control.
When creating panels for use within a panel set, it is important to use the proper options. You must override the collapse option and set it to false and add a maximize option set to true. You must also not include options for menu and close.
var p1 = new Jx.Panel({collapse: false, maximize: true, content: 'content1'});
var p2 = new Jx.Panel({collapse: false, maximize: true, content: 'content2'});
var p3 = new Jx.Panel({collapse: false, maximize: true, content: 'content3'});
var panelSet = new Jx.PanelSet('panels', [p1,p2,p3]);Copyright © 2008, DM Solutions Group Inc.
This file is licensed under an MIT style license
| Jx. | Extends: Object |
| Options | |
| parent | the object to add the panel set to |
| panels | an array of Jx.Panel objects that will be managed by the set. |
| barTooltip | the tooltip to place on the title bars of each panel |
| Properties | |
| panels | {Array} the panels being managed by the set |
| height | {Integer} the height of the container, cached for speed |
| firstLayout | {Boolean} true until the panel set has first been resized |
| Constructor | |
| Jx. | Create a new instance of Jx.PanelSet. |
| TODO | |
| Jx. | Remove the panels parameter in favour of an add method. |
| Functions | |
| maximizePanel | Maximize a panel, taking up all available space (taking into consideration any minimum or maximum values) |
an array of Jx.Panel objects that will be managed by the set.
Maximize a panel, taking up all available space (taking into consideration any minimum or maximum values)
maximizePanel: function( panel )