默认情况下,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时间,以完成更多的需求