Select a Tab with fulfilled Tabpanel

answered 2007-08-21 15:19:41 +0800

admin
18691 ● 1 ● 10 ● 130

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

By: abhigyan

Sorry the error message is 'Fellow component not found: A1_2'. It can be reproduced by pasting the above code in the zkoss demo.

/abhigyan

answered 2007-08-22 00:34:29 +0800

admin
18691 ● 1 ● 10 ● 130

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

By: robbiecheng

Please remove the following lines,

<zscript>
wnd.getFellow("A1_2").setSelected(true);
</zscript>

You could not access a component until the condition specified in the fulfill is satisfied.
In other words, the component hasn't been creatd.

robbie

answered 2007-08-22 10:15:40 +0800

admin
18691 ● 1 ● 10 ● 130

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

By: abhigyan

Ok, my requirement is:

1. On demand loading of all the tabs, since the contents on each of those tabs are very huge. So, if I allow all tabs to be loaded at the same time, it will degrade the performance (as it is doing now).
Solution: use the 'fulfill' attribute for the tabpanel

2. I need a way to load a specific tab when the page loads for the first time.
This will be done programmatically based on certain rules.
Solution: wnd.getFellow("A1_2").setSelected(true);

Please note that I have multi level tabs, which means that I might need to load
A1_2 when the page loads. (Level 1: Tab1 Level 2: Tab2) To achieve this, I do 'setSelected(true)' for all the tabs from the top level as well. In this case,
A1 and then A1_2
(although this does not appear in the code above:
wnd.getFellow("A1").setSelected(true); can be attahced before:
wnd.getFellow("A1_2").setSelected(true);
but the result is the same).

My problem is that both requirements 1 and 2 cannot be achieved collectively with the solutions mentioned above. So is there any way by which I can avoid loading of all the tabs at the same time and also allow dynamic loading of a 2nd level tab on page load?

/abhigyan

answered 2007-08-23 01:16:16 +0800

admin
18691 ● 1 ● 10 ● 130

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

By: henrichen

1. fulfill is triggered by the specified "event". And until then the associated components are created.

2. The onCreate() that fire the "event" is triggered later after the page is completely loaded. (i.e. when getFellow("A1_2") in zscript is called when loading the page, the onCreate() is not called yet.) So wnd.getFellow("A1_2") will give you the error message since that A1_2 component has not been created yet.

3. Try this. Remove the last zscript and add a button like following:

...
<button label="Select A1_2">
<attribute name="onClick">
wnd.getFellow("A1_2").setSelected(true);
</attribute>
</button>
</window>
</zk>

When you press the button, things go as what you want because the component is already created.

If you simply want the "default" selection is on A1_2, just change the onCreate and selected accordingly:

...
<tabbox width="100%" id="tabI">
<attribute name="onCreate">
Events.postEvent("onSelect",A1_2,null);
</attribute>
<tabs>
<tab label="1.1" id="A1_1" />
<tab label="1.2" id="A1_2" selected="true"/>
</tabs>
...


/henri

answered 2007-08-23 01:43:03 +0800

admin
18691 ● 1 ● 10 ● 130

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

By: henrichen

Or you can do following. When onCreate is called, the A1_2 component is already created.

<tabbox width="100%" id="tabI">
<attribute name="onCreate">
A1_2.setSelected(true);
</attribute>

/henri