|
Processing...
Description & Source Code
This example demonstrates the straight forward event listening mechanism in ZK. event_listening.zul
<zk> <hbox id="h1"> <label id="t1" value="Text1: " /> <textbox id="text1" onBlur="changeStyle(h1)" onFocus="changeStyle(h1)" /> </hbox> <hbox id="h2"> <label id="t2" value="Text2: " /> <textbox id="text2" onBlur="changeStyle(h2)" onFocus="changeStyle(h2)" /> </hbox> </zk> event_listening_ctrl.zul
<zk> <style dynamic="true"> .focus .z-label { color: #029CCC; } </style> <zscript><![CDATA[ void changeStyle(Hbox h) { h.sclass = "focus".equals(h.sclass)? "" : "focus"; } ]]></zscript> <vbox> <button label="Focus on Text1" onClick="text1.focus();" /> <button label="Focus on Text2" onClick="text2.focus();" /> </vbox> </zk>
Copyright © 2005-2023 Potix Corporation All rights reserved.
|
Processing... |