AfterSizeEvent"
From Documentation
m (→Example) |
|||
Line 12: | Line 12: | ||
= Example = | = Example = | ||
− | Resize the window to show different | + | 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
- Demonstration: N/A
- Java API: AfterSizeEvent
- JavaScript API: N/A
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
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 |