zk框架之On-demand Evaluation

默认情况下,zk都是根据我们在zuml文档中的定义来构造组件,然而,我们也可以根据需要来加载需要的组件。比如说,我们可以将一个zuml文档分割成几块,然后根据需要来加载指定的模块。这种功能提高了服务器端和客户端的性能,为了实现这个功能,zk提供了一个基本的evaluation,叫做fulfill来简化这个功能的实现。

 

Load-on-Demand with the fulfill attribute

<combobox fulfill="onOpen">

<comboitem label="hello"></comboitem>

</combobox> 

在这个页面当中,comboitem是不会被创建的,直到combobox的onOpen时间被触发

 

specify Target with its ID

 

<?page title="new page title" contentType="text/html;charset=UTF-8"?>

<zk>

<window title="new page title" border="normal">

<button id="btn" label="show" onClick="content.visible = true"></button>

<div id="content" fulfill="btn.onClick">

any content created when btn is clicked

</div>

</window>

</zk>

 

 

specify Target with its Path

<?page title="new page title" contentType="text/html;charset=UTF-8"?>

<zk>

<window title="new page title" border="normal">

<button id="btn" label="show" onClick="content.visible = true"></button>

<div id="content" fulfill="../btn.onClick">

any content created when btn is clicked

</div>

</window>

</zk>

 

specify Target with EL

<div fulfill="${foo}.onClick">

....

</div>

这种情况下,el必须返回一个component

 

specify multiple fulfill condition

<div fulfill="${foo}.onClick,btn.onClick">

....

</div>

 

load another ZUML on demand with fulfill attribute

你可以使用fulfill去加载另一个zuml,当条件满足时,加载的zuml会作为当前的子component出现,方法是在condition后面加上=,然后跟上你要加载的zuml的url

<button id="btn" label="click to load"></button>

<div fulfill="btn.onClick=index.zul"></div>

你可以附加若干个fulfill condition,但是最多只能有一个url,而且无论哪一个条件满足,url对应的zul都将会被加载

如果再url的=前没有写任何条件的话,那么对应的zul在一开始都将会被加载,这时候,fulfill就等同于include了

 

the onFulfill Event

当fulfill的条件满足而且创建了相对应的组建之后,会触发onFulfill时间,以完成更多的需求

你可能感兴趣的:(html,框架,zk)