Panel is a container that has specific functionality and structural components that make it the perfect building block for application-oriented user interfaces. The Panel contains bottom, top, and foot toolbars, along with separate header, footer and body sections. It also provides built-in collapsible, closable, maximizable, and minimizable behavior, along with a variety of pre-built tool buttons that can be wired up to provide other customized behavior. Panels can be easily embedded into any kind of ZUL component that is allowed to have children or layout component. Panels also provide specific features like float and move. Unlike Window, Panels can only be floated and moved inside its parent node, which is not using zk.setVParent() function at client side. In other words, if Panel's parent node is an relative position, the floated panel is only inside its parent, not the whole page. The second difference of Window is that Panel is not an independent ID space (by implementing IdSpace), so the ID of each child can be used throughout the panel.
<panel height="100px" width="200px" style="margin-bottom:10px"
title="Panel1" border="normal" maximizable="true"
collapsible="true">
<panelchildren>PanelContent1</panelchildren>
</panel>
<panel height="100px" width="200px" framable="true" title="Panel2"
border="normal" maximizable="true" style="margin-bottom:10px">
<panelchildren>PanelContent2</panelchildren>
</panel>
|
Name |
Event Type |
|---|---|
|
|
Event:
Denotes the close button is pressed by a user, and the component shall detach itself. |
|
|
Event:
Denotes user has opened or closed a component.
Unlike client sends this event after opening or closing the component. It is useful to implement load-on-demand by listening to the first time the component is opened. |
|
|
Event:
Denotes user has maximize a component. |
|
|
Event:
Denotes user has minimize a component. |
|
|
Event:
Denotes the close button is pressed by a user, and the component shall detach itself. |
|
Name |
Description |
Return Data Type |
|---|---|---|
|
|
Sets the border Values: |
|
|
|
Sets whether to show a close button on the title bar. |
|
|
|
Sets whether to show a toggle button on the title bar. |
|
|
|
Sets whether to float the panel to display it inline where it is rendered. |
|
|
|
Sets whether to render the panel with custom rounded borders. |
|
|
|
Sets whether to display the maximizing button and allow the user to maximize the panel, when a panel is maximized, the button will automatically change to a restore button with the appropriate behavior already built-in that will restore the panel to its previous size. |
|
|
|
Sets whether the panel is maximized, and then the size of the panel will depend on it to show a appropriate size. |
|
|
|
Sets whether to display the minimizing button and allow the user to minimize the pane |
|
|
|
Sets whether the panel is minimized. |
|
|
|
Sets whether to move the panel to display it inline where it is rendered. |
|
|
|
Opens or closes this Panel. |
|
|
|
Sets the title. |
String |
|
|
|
|
Name |
Description |
Return Data Type |
|---|---|---|
|
|
void | |
|
|
Adds the toolbar of the panel by these names, "tbar", "bbar", and "fbar". |
|
|
|
| |
|
|
Returns the bottom toolbar of this panel. |
|
|
|
Returns the caption of this panel. |
|
|
|
| |
|
|
| |
|
|
| |
|
|
Returns the panelchildren of this panel. |
|
|
|
| |
|
|
| |
|
|
| |
|
|
Process the onClose event sent when the close button is pressed. |
|
|
|
|
Inherited From