AfterSizeEvent

AfterSizeEvent

• Demonstration: N/A
• Java API: AfterSizeEvent
• JavaScript API: N/A

Since 6.5.2

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>

Version History

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