javascript"

From Documentation
Line 30: Line 30:
  
 
It is used with the <tt>package</tt> attribute to specify whether the package should be loaded as part of the <tt>zk</tt> package. If not specified, each package will be loaded separatedly. This speeds up the loading if we merge several packages into one.
 
It is used with the <tt>package</tt> attribute to specify whether the package should be loaded as part of the <tt>zk</tt> package. If not specified, each package will be loaded separatedly. This speeds up the loading if we merge several packages into one.
 +
 +
Since ZK 6, it is allowed to specify the target package in the merge attribute. For example,
 +
 +
<source lang="xml">
 +
<javascript package="foo.lang" merge="zul.lang"/>
 +
</source>
 +
 +
In fact, <tt>merge="true"</tt> is the same as <tt>merge="zk"</tt>, i.e., merged to the <tt>zk</tt> package. Notice that the target package must be a preloaded package. In other words, it must be specified in another <tt>javascript</tt> element (without the <tt>ondemand</tt> attribute). In most cases, you shall use <tt>zk</tt> for packages that can be cached at the client, and use <tt>zul.lang</tt> for packages that shall  not be cached, such as your own locale-dependent messages.
  
 
For more information, please refer to the [[ZK Developer's Reference/Performance Tips/Minimize Number of JavaScript Files to Load|Performance Tips]] section.
 
For more information, please refer to the [[ZK Developer's Reference/Performance Tips/Minimize Number of JavaScript Files to Load|Performance Tips]] section.

Revision as of 04:25, 29 September 2011


Syntax:

<javascript package="pkg_name" [merge="false|true"] [ondemand="false|true"/>
<javascript src="a_uri"/>
<javascript>
js_code
</javascript>

It specifies the JavaScript package or file that has to be loaded to the client. It could also specify the content (the JavaScript code snippet) directly. Notice that, if specified, it is always loaded, no matter if it is required or not.

Example,

<javascript package="zul.box"/>

package

[Optional]

It specifies the package to load.

src

[Optional]

It specifies the URI of the JavaScript file to load. The URI could contain ~./ (such as "~./foo/whatever.js") to indicate a JavaScript file should be loaded from the classpath.

merge

[Optional][Default: false]

It is used with the package attribute to specify whether the package should be loaded as part of the zk package. If not specified, each package will be loaded separatedly. This speeds up the loading if we merge several packages into one.

Since ZK 6, it is allowed to specify the target package in the merge attribute. For example,

<javascript package="foo.lang" merge="zul.lang"/>

In fact, merge="true" is the same as merge="zk", i.e., merged to the zk package. Notice that the target package must be a preloaded package. In other words, it must be specified in another javascript element (without the ondemand attribute). In most cases, you shall use zk for packages that can be cached at the client, and use zul.lang for packages that shall not be cached, such as your own locale-dependent messages.

For more information, please refer to the Performance Tips section.

ondemand

[Optional][Default: false]

It is used to 'cancel' the package specified in another javascript element. By default, JavaScript packages are loaded on-demand (i.e., when it is required). By specify <javascript;> in a language definition/addon, we could force some packages to load at the beginning. But if you change your mind, you could either remove the javascript element, or specify another javascript element with ondemand="true".

Version History

Last Update : 2011/09/29


Version Date Content
     



Last Update : 2011/09/29

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.