ClientInfoEvent"
From Documentation
Jumperchen (talk | contribs) |
Jumperchen (talk | contribs) |
||
| Line 1: | Line 1: | ||
{{ZKComponentReferencePageHeader}} | {{ZKComponentReferencePageHeader}} | ||
| − | = | + | = ClientInfoEvent = |
*Demonstration: N/A | *Demonstration: N/A | ||
| − | *Java API: <javadoc>org.zkoss.zk.ui.event. | + | *Java API: <javadoc>org.zkoss.zk.ui.event.ClientInfoEvent </javadoc> |
*JavaScript API: N/A | *JavaScript API: N/A | ||
= Employment/Purpose = | = Employment/Purpose = | ||
| − | + | The onClientInfo event is used to notify the client's information, such as orientation change, time zone and screen resolutions. | |
'''Note:''' All root components of all pages of the desktop will receives this event. | '''Note:''' All root components of all pages of the desktop will receives this event. | ||
| Line 18: | Line 18: | ||
<source lang="xml" high="2,3,4,5,6,7,8,9,10,11,12,13"> | <source lang="xml" high="2,3,4,5,6,7,8,9,10,11,12,13"> | ||
<tabbox id="tbx" height="400px" width="600px"> | <tabbox id="tbx" height="400px" width="600px"> | ||
| − | <attribute name=" | + | <attribute name="onClientInfo"><![CDATA[ |
| − | + | ClientInfoEvent oe = (ClientInfoEvent) event; | |
String orient = oe.getOrientation(); | String orient = oe.getOrientation(); | ||
lbl.setValue(orient); | lbl.setValue(orient); | ||
Revision as of 09:36, 6 August 2012
ClientInfoEvent
- Demonstration: N/A
- Java API: ClientInfoEvent
- JavaScript API: N/A
Employment/Purpose
The onClientInfo event is used to notify the client's information, such as orientation change, time zone and screen resolutions.
Note: All root components of all pages of the desktop will receives this event.
Example
To register this event can resize the layout to fit the whole screen for user.
<tabbox id="tbx" height="400px" width="600px">
<attribute name="onClientInfo"><![CDATA[
ClientInfoEvent oe = (ClientInfoEvent) event;
String orient = oe.getOrientation();
lbl.setValue(orient);
if (orient.equals("portrait")) {
tbx.setHeight("600px");
tbx.setWidth("400px");
} else {
tbx.setHeight("400px");
tbx.setWidth("600px");
}
]]></attribute>
<tabs>
<tab label="tab 1" />
</tabs>
<tabpanels>
<tabpanel>
Current Orientation: <label id="lbl"/>
</tabpanel>
</tabpanels>
</tabbox>
Supported events
| None | None |
Supported Children
*NONE
Use cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|
| 6.5.0 | July, 2012 | Add a way to listen onOrientationChange for tablet device |