Script"
From Documentation
Tmillsclare (talk | contribs) |
|||
| Line 26: | Line 26: | ||
</zk> | </zk> | ||
</source> | </source> | ||
| + | |||
| + | =Defer the evaluation= | ||
| + | |||
| + | By default, the specified JavaScript code will be evaluated as soon as the page is loaded. There is an option called defer. By specifying true, the JavaScript code won't be evaluated until all widgets are created and bound to the DOM tree. | ||
| + | |||
| + | <syntax lang="javascript"> | ||
| + | <textbox id="inp"/> | ||
| + | <script defer="true"> | ||
| + | this.$f("inp").setValue("initialized"); | ||
| + | </script> | ||
| + | </syntax> | ||
=Supported events= | =Supported events= | ||
Revision as of 02:23, 15 September 2010
Script
Employment/Purpose
The script component is used to specify the script codes running at the browser. Notice that, unlike zscript, the script codes are running at the browser. They are usually written in JavaScript which is supported by the most of browsers. The simplest format is as follows.
Example
<zk>
<window id="win">
<button label="change color" onClick='Clients.evalJavaScript("myfunc()")' />
</window>
<script type="text/javascript">
function myfunc() {
jq("$win").css("backgroundColor", "blue");
}
</script>
</zk>
Defer the evaluation
By default, the specified JavaScript code will be evaluated as soon as the page is loaded. There is an option called defer. By specifying true, the JavaScript code won't be evaluated until all widgets are created and bound to the DOM tree.
<syntax lang="javascript"> <textbox id="inp"/> <script defer="true">
this.$f("inp").setValue("initialized");
</script> </syntax>
Supported events
| None | None |
Supported Children
*NONE
Use cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|