Fisheyebar"

From Documentation
m (Created page with 'init')
 
Line 1: Line 1:
−
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Fisheyebar =
 +
 
 +
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#t4 Fisheye]
 +
*Java API: <javadoc>org.zkoss.zkex.zul.Fisheyebar</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zkex.menu.Fisheyebar</javadoc>
 +
 
 +
= Employment/Purpose =
 +
 
 +
A fisheye bar is a bar of fisheye that is a menu similar to the fish eye menu on the Mac OS.
 +
 
 +
= Example =
 +
 
 +
[[Image:ZKComRef_Fisheyebar_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
 +
|-
 +
|-
 +
|}
 +
 
 +
=Version History=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| 5.0.2
 +
| 5/18/2010
 +
| Initialization
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Revision as of 10:02, 18 May 2010


DocumentationZK Component ReferenceEssential ComponentsFisheyeFisheyebar
Fisheyebar

Fisheyebar

Employment/Purpose

A fisheye bar is a bar of fisheye that is a menu similar to the fish eye menu on the Mac OS.

Example

File:ZKComRef Fisheyebar 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.


Retrieved from "https://www.zkoss.org/_w/index.php?title=ZK_Component_Reference/Essential_Components/Fisheye/Fisheyebar&oldid=1822"