Toolbar"

From Documentation
Line 3: Line 3:
 
= Toolbar =
 
= Toolbar =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#t2 Toolbar]
+
*Demonstration: [http://www.zkoss.org/zkdemo/menu/toolbar Toolbar]
 
*Java API: <javadoc>org.zkoss.zul.Toolbar</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Toolbar</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Toolbar</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Toolbar</javadoc>
 +
*Style Guide: [http://books.zkoss.org/wiki/ZK_Style_Guide/XUL_Component_Specification/Toolbar Toolbar]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 34: Line 35:
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 40: Line 41:
 
! <center>Event Type</center>
 
! <center>Event Type</center>
 
|-
 
|-
| <center><tt>onClick</tt></center>
+
| None
| <javadoc>org.zkoss.zk.ui.event.MouseEvent</javadoc>
+
| None
 
 
'''Description: '''
 
 
 
Denotes user has clicked the component.
 
 
 
|-
 
| <center>onRightClick</center>
 
| <javadoc>org.zkoss.zk.ui.event.MouseEvent</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes user has right-clicked the component.
 
 
 
|-
 
| <center>onDoubleClick</center>
 
| <javadoc>org.zkoss.zk.ui.event.MouseEvent</javadoc>
 
 
 
'''Description: '''
 
 
 
Denotes user has double-clicked the component.
 
 
 
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
=Supported molds=
+
=Supported Molds=
 
Available molds of a component are defined in lang.xml embedded in zul.jar. It is suggested to set mold to panel while toolbar is in the footer of a panel.
 
Available molds of a component are defined in lang.xml embedded in zul.jar. It is suggested to set mold to panel while toolbar is in the footer of a panel.
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 82: Line 63:
 
  *ALL
 
  *ALL
  
=Use cases=
+
=Use Cases=
  
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"

Revision as of 06:37, 16 November 2010

Toolbar

Employment/Purpose

A toolbar is used to place a series of buttons, such as toolbarbutton or button. The toolbar buttons could be used without toolbars, so a toolbar could be used without tool buttons. However, tool buttons change their appearance if they are placed inside a toolbar.

The toolbar has two orientation: horizontal and vertical. It controls how the buttons are placed.

See also : Button, Toolbarbutton

Example

ZKComRef Toolbar Example.png


<window title="Toolbar window" border="normal" width="300px">
    <toolbar>
        <toolbarbutton label="Left" />
        <space />
        <toolbarbutton label="Right" image="/img/network.gif"
            dir="reverse" />
    </toolbar>
    <toolbar orient="vertical">
        <button label="Left" image="/img/network.gif" width="125px" />
        <toolbarbutton label="Right" image="/img/network.gif"
            dir="reverse" />
    </toolbar>
</window>

Supported Events

Name
Event Type
None None

Supported Molds

Available molds of a component are defined in lang.xml embedded in zul.jar. It is suggested to set mold to panel while toolbar is in the footer of a panel.

Name
Snapshot
default
Toolbar mold default.png
panel
Toolbar mold panel.png

Supported Children

*ALL

Use Cases

Version Description Example Location
     

Version History

Version Date Content
     



Last Update : 2010/11/16

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.