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时间，以完成更多的需求