ZK - Open Source Ajax Java Framework

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4867696

By: nalin1279

Hi all i've got a tabox, with 3 panels.
First i was using the fulfill property to load the content of tabs on tab headerClick.
But i want to use the Clients.ShowBusy("processing ...", true) when i click on my tab header, because the content need a long time to load.
then when my content is loaded, send an echoEvent("onLater") to my tabbox to execute the Clients.ShowBusy(null, false).

But the fulfill property load the content before, and once the content is loaded, the Clients.ShowBusy("processing ...", true) appears and disapear few moments later.

So i'd like to manadge the fulfill manualy to
- execute a Clients.ShowBusy("processing ...", true)
- and then load my content.

does someone have an idea ????

here is my sample code


<tabbox orient="vertical" id="tabGraphAgregated">
<attribute name="onLater">
Clients.showBusy(null,false);
</attribute>
<tabs>
<tab label="3 month"/>
<tab id="tab6month" label="6 month"
onClick="Clients.showBusy("Processing ... ", true)"/>
<tab id="tab1year" label="1 year" onClick="Clients.showBusy("Processing
... ", true)"/>
<tab id="tab5year" label="5 year" onClick="Clients.showBusy("Processing
... ", true)"/>
</tabs>
<tabpanels>
<tabpanel>
<HdgChart id="quoteChart3month" width="700" height="320" type="highlow"
threeD="false" fgAlpha="255" orient="vertical" entity="quote"
showTooltiptext="true" showLegend="true" paneColor="#FAF8EF"
hdgType="candle" dataBean="${chart3month}">
<attribute name="onClick">
Area area = self.getFellow(event.getArea());
changeTooltiptext(area);
</attribute>
<zscript>
<![CDATA[
self.setName(chart3month.getInstrumentName());
self.build();
]]>
</zscript>
</HdgChart>
</tabpanel>
<tabpanel fulfill="tab6month.onSelect"><include
src="/WEB-INF/views/zul/intraday/graph/intraday-graph-6month.zul"/></tabpanel>
<tabpanel fulfill="tab1year.onSelect"><include
src="/WEB-INF/views/zul/intraday/graph/intraday-graph-1year.zul"/></tabpanel>
<tabpanel fulfill="tab5year.onSelect"><include
src="/WEB-INF/views/zul/intraday/graph/intraday-graph-5year.zul"/></tabpanel>
</tabpanels>
</tabbox>



--
mickael

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4868744

By: waterbottle

Hi,
You should set fulfill to some later event of echo event.

following simple example shows the concept.

<tabbox id="tabGraphAgregated">
<tabs>
<tab label="3 month" />
<tab id="tab6month" label="6 month"
onSelect='if(tp2.getChildren().size()==0){Clients.showBusy("Processing...",
true );Events.echoEvent("onMyLater",self,"");}' />
<tab id="tab1year" label="1 year"
onSelect='if(tp3.getChildren().size()==0){Clients.showBusy("Processing...",
true );Events.echoEvent("onMyLater",self,"");}' />
</tabs>
<tabpanels>
<tabpanel>
<div onCreate='System.out.println("div1 created")'>
Panel 1;
</div>
</tabpanel>
<tabpanel id="tp2" fulfill="tab6month.onMyLater">
<div onCreate='System.out.println("div2
created");Clients.showBusy(null,false);'>
Panel 2;
</div>
</tabpanel>
<tabpanel id="tp3" fulfill="tab1year.onMyLater">
<div onCreate='System.out.println("div3
created");Clients.showBusy(null,false);'>
Panel 3;
</div>
</tabpanel>
</tabpanels>
</tabbox>


/Dennis

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4869077

By: nalin1279

thx Dennis

it works perfectly

cheers

mickael