AfterSizeEvent"
From Documentation
m ((via JWB)) |
m (correct highlight (via JWB)) |
||
| Line 13: | Line 13: | ||
= Example = | = Example = | ||
Resize the window component to show different sized images accordingly. | Resize the window component to show different sized images accordingly. | ||
| − | <source lang="xml" | + | <source lang="xml" highlight="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"> | ||
<custom-attributes org.zkoss.zul.image.preload="true" /> | <custom-attributes org.zkoss.zul.image.preload="true" /> | ||
Revision as of 09:23, 18 January 2022
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 |