AfterSizeEvent"

From Documentation
Line 12: Line 12:
  
 
= Example =
 
= Example =
Resize the window to show different size of image accordingly.
+
Resize the window component to show different sized images accordingly.
 
<source lang="xml" high="3">
 
<source lang="xml" high="3">
 
<window title="AfterSizeEvent" border="normal" width="250px" height="200px" maximizable="true" sizable="true">
 
<window title="AfterSizeEvent" border="normal" width="250px" height="200px" maximizable="true" sizable="true">

Revision as of 09:46, 19 March 2013


AfterSizeEvent

AfterSizeEvent

Employment/Purpose

Represents an event that resizes and provides the new size of a component.

Example

Resize the window component to show different sized images accordingly.

<window title="AfterSizeEvent" border="normal" width="250px" height="200px" maximizable="true" sizable="true">
	<custom-attributes org.zkoss.zul.image.preload="true" />
	<attribute name="onAfterSize"><![CDATA[
		int width = event.getWidth();
		if (width >= 600)
			image.setSrc("/image/large.jpg");
		else if (width >= 400 && width < 600)
			image.setSrc("/image/medium.jpg");
		else
			image.setSrc("/image/small.jpg");
	]]></attribute>
	<image id="image" src="/image/small.jpg" />
</window>

Supported events

Name
Event Type
None None

Supported Children

*NONE

Use cases

Version Description Example Location
     

Version History

Version Date Content
6.5.2 March 2013 Add onAfterSize event to get component size



Last Update : 2013/03/19

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