Portalchildren"

From Documentation
m (Created page with 'init')
 
Line 1: Line 1:
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Portalchildren =
 +
 
 +
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#l4 Portalchildren]
 +
*Java API: <javadoc>org.zkoss.zkmax.zul.Portalchildren</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zkmax.layout.Portalchildren</javadoc>
 +
 
 +
= Employment/Purpose =
 +
 
 +
The column of [[ZK_Component_Reference/Layouts/Portallayout | Portallayout]]
 +
 
 +
Child of Portalchildren can only be [[ZK_Component_Reference/Layouts/Panel | Panel]]
 +
 
 +
= Example =
 +
 
 +
[[Image:ZKComRef_PortalLayout_Example.PNG]]
 +
 
 +
<source lang="xml" >
 +
<window>
 +
Click "Change orient" button and move cursor over the fisheyebar before
 +
it changes.
 +
<separator />
 +
Fisheyebar will be out of expected.(That is wrong)
 +
<fisheyebar id="fish"
 +
style="position: absolute; top: 50px;
 +
        left:100px;margin:20px;"
 +
attachEdge="top">
 +
<fisheye image="/img/icon_browser.png" label="Web Browser"
 +
onClick="alert(self.label)" />
 +
<fisheye image="/img/icon_calendar.png" label="Calendar"
 +
onClick="alert(self.label)" />
 +
<fisheye image="/img/icon_email.png" label="Emai onClick="alert(self.label)" />
 +
<fisheye image="/img/icon_texteditor.png" label="Text Editor"
 +
onClick="alert(self.label)" />
 +
<fisheye image="/img/icon_update.png" label="Software Update"
 +
onClick="alert(self.label)" />
 +
<fisheye image="/img/icon_users.png" label="User onClick="alert(self.label)" />
 +
</fisheyebar>
 +
<button label="Change orient">
 +
<attribute name="onClick"> if (fish.orient.equals("horizontal")) {
 +
fish.orient = "vertical"; } else { fish.orient = "horizontal"; }
 +
</attribute>
 +
</button>
 +
</window>
 +
</source>
 +
 
 +
=Supported events=
 +
 
 +
{| border="1" | width="100%"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
|-
 +
| None
 +
| None
 +
 
 +
|}
 +
 
 +
=Supported Children=
 +
 
 +
<javadoc>org.zkoss.zkex.zul.Fisheye</javadoc>
 +
 
 +
=Use cases=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Description !! Example Location
 +
|-
 +
| &nbsp;
 +
| &nbsp;
 +
| &nbsp;
 +
|}
 +
 
 +
=Version History=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| 5.0.2
 +
| 5/18/2010
 +
| Initialization
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Revision as of 10:54, 18 May 2010

Portalchildren

Employment/Purpose

The column of Portallayout

Child of Portalchildren can only be Panel

Example

File:ZKComRef PortalLayout Example.PNG

<window>
	Click "Change orient" button and move cursor over the fisheyebar before
	it changes.
	<separator />
	Fisheyebar will be out of expected.(That is wrong)
	<fisheyebar id="fish"
		style="position: absolute; top: 50px;
         left:100px;margin:20px;"
		attachEdge="top">
		<fisheye image="/img/icon_browser.png" label="Web Browser"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_calendar.png" label="Calendar"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_email.png" label="Emai onClick="alert(self.label)" />
		<fisheye image="/img/icon_texteditor.png" label="Text Editor"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_update.png" label="Software Update"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_users.png" label="User onClick="alert(self.label)" />
	</fisheyebar>
	<button label="Change orient">
		<attribute name="onClick"> if (fish.orient.equals("horizontal")) {
			fish.orient = "vertical"; } else { fish.orient = "horizontal"; }
		</attribute>
	</button>
</window>

Supported events

Name
Event Type
None None

Supported Children

Fisheye

Use cases

Version Description Example Location
     

Version History

Version Date Content
5.0.2 5/18/2010 Initialization



Last Update : 2010/05/18

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