views:

198

answers:

2

Hi All,

Using Extjs, I've got a TabPanel containing two Panels. Those panels do not automatically expand vertically. All layout are set with type 'fit' and forceFit is true.

I've pastebin my code here: http://pastebin.com/s8ucY4TX

Edit:

I've updated my code according the Kunal's suggestion: http://pastebin.com/pu5PYuDN

To describe the interface: you have a tree list containing several nodes. When the user clicks on one of those nodes it opens a tab (calling the function ZombieTab(zombie_ip)) with two sub-tabs (ZombieTab_MainTab and ZombieTab_Commands).

Editing the code with Kunal's suggestion had the following effect: We can see that the ZombieTab_Commands's bottom bars appears at the top of the panel and as a result, all components of the tab are not displayed.

I've put a screenshot here: http://yfrog.com/0fscreenshot20100523at102p

Thanks for your time.

+1  A: 

Is the main tab of your, which is ZombieTab, is taking the whole space?

If yes, I would make changes for child panels as

ZombieTab_MainTab.superclass.constructor.call(this, {
    id: 'zombie-main-tab',
    layout:'fit',
    title: 'Main',
    items: {
            layout:'border',
            items:[top_bar, logs]
           }
});

similarly for other child panel as well.

For the Toolbar in Command Tab, try replacing with normal Ext Toolbar and see the effect.

    bbar: new Ext.Toolbar({
        id: 'exploits-bbar-zombie-'+zombie_ip,
        text: 'ready',
        border: false,
        iconCls: 'x-status-valid',
        items : [ { text: 'test'} ]
    })
Kunal
Thanks Kunal. It didn't completely fix the problem but it does look better. I've updated my post to explain what's going on. Have a look at the screenshot and the new source code i've posted.
Benjamin
Does the Main Tab looks better?I tried replacing Ext.ux.StatusBar with Ext.Toolbar and it looks good. Editing my response and try it again.
Kunal
The Main Tab is empty for the moment (not yet coded) so I can't really comment on if it looks good or not.As for the command tab, i get different results depending on the browser. So with firefox, if I open one zombie tab (ZombieTab(zombie_ip)) and click on the command tab, it's gonna render perfectly. But then if I open another one, that last one will have the issue shown in the screenshot.With Chrome, both the first and second ZombieTab will not render correctly. I can't figure out why.
Benjamin
Hey Kunal, I just found the problem. It was because the Main Panel was not coded... Thanks for your help. I'll validate your answer.
Benjamin
A: 

I have 3 panels in a form (vb.net 2008). when i try to save the form, i cannot get the values of controls in panel 2 and 3. plz help

nish