Bandpopup"

From Documentation
m ((via JWB))
 
(14 intermediate revisions by 7 users not shown)
Line 3: Line 3:
 
= Bandpopup =
 
= Bandpopup =
  
*Demonstration:  
+
*Demonstration: [http://www.zkoss.org/zkdemo/combobox/customizable_combobox Bandbox]
*Java API: <javadoc>org.zkoss.zul.XXX</javadoc>
+
*Java API: <javadoc>org.zkoss.zul.Bandpopup</javadoc>
*JavaScript API: <javadoc directory="jsdoc">zul.YYY.XXX</javadoc>
+
*JavaScript API: <javadoc directory="jsdoc">zul.inp.Bandpopup</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Bandpopup| Bandpopup]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Space is a Separator with the orient default to "horizontal".
+
The popup that belongs to a <code>Bandbox</code> instance.
In other words, <space> is equivalent to <separator orient="horizontal">
 
 
 
  
 +
Developers usually listen to the <code>onOpen</code> event that is sent to <code>Bandbox</code> and then creates proper components as children of this component.
  
 
= Example =
 
= Example =
 +
[[Image:ZKComRef_Bandbox_Example.png]]
  
 +
<source lang="xml" >
 +
 
 +
<bandbox id="bd">
 +
<bandpopup>
 +
<vbox>
 +
<hbox>
 +
Search
 +
<textbox />
 +
</hbox>
 +
<listbox width="200px"
 +
onSelect="bd.value=self.selectedItem.label;bd.close();">
 +
<listhead>
 +
<listheader label="Name" />
 +
<listheader label="Description" />
 +
</listhead>
 +
<listitem>
 +
<listcell label="John" />
 +
<listcell label="CEO" />
 +
</listitem>
 +
<listitem>
 +
<listcell label="Joe" />
 +
<listcell label="Engineer" />
 +
</listitem>
 +
<listitem>
 +
<listcell label="Mary" />
 +
<listcell label="Supervisor" />
 +
</listitem>
 +
</listbox>
 +
</vbox>
 +
</bandpopup>
 +
</bandbox>
 +
</source>
  
 +
=Supported Events=
  
 
+
{| class='wikitable' | width="100%"
 
 
=Supported events=
 
 
 
{| border="1" | width="100%"
 
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 28: Line 58:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
 +
  
 
=Supported Children=
 
=Supported Children=
  
  *ALL
+
  *All
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
| 5.0+
+
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
Line 44: Line 76:
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.x.x
+
| &nbsp;
| x/x/20xx
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 10:41, 12 January 2022

Bandpopup

Employment/Purpose

The popup that belongs to a Bandbox instance.

Developers usually listen to the onOpen event that is sent to Bandbox and then creates proper components as children of this component.

Example

ZKComRef Bandbox Example.png

   
<bandbox id="bd">
	<bandpopup>
		<vbox>
			<hbox>
				Search
				<textbox />
			</hbox>
			<listbox width="200px"
				onSelect="bd.value=self.selectedItem.label;bd.close();">
				<listhead>
					<listheader label="Name" />
					<listheader label="Description" />
				</listhead>
				<listitem>
					<listcell label="John" />
					<listcell label="CEO" />
				</listitem>
				<listitem>
					<listcell label="Joe" />
					<listcell label="Engineer" />
				</listitem>
				<listitem>
					<listcell label="Mary" />
					<listcell label="Supervisor" />
				</listitem>
			</listbox>
		</vbox>
	</bandpopup>
</bandbox>

Supported Events

Name
Event Type
None None


Supported Children

*All

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/01/12


Version Date Content
     



Last Update : 2022/01/12

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