TabPanel adding new tab from child tab

[catalin.ciobanu]

Hello, I am glad to be here (this is my first post). I hope I can find help here, and I also hope I will be able to help others.

I am trying to develop an application which requires working with TabPanel component.
In a tab I have a Grid which keeps some records (each record is a Tabel object defined by me). I want to be able to do the following:

When I double-click on a record I want a new tab-item to appear in the tabpanel, tab-item which contains the records contained in the table which have just been double-clicked on.

I have the following:

grid.addListener(Events.RowDoubleClick,
                new Listener<GridEvent<BeanModel>>() {
                    @Override
                    public void handleEvent(GridEvent<BeanModel> be) {
                        String tableName = be.getModel().get("tableName");
                        TableDetailsGrid tdg = new TableDetailsGrid();
                        //Here I want to add somehow the new object "TableDetailsGrid" to the big TabPanel
                    }
                });

I thought I need somehow to get the parent by getParent(), I manage to get to the TabPanel and .. let's say .. get it's ID, but I just don't know how to add a new TabItem.

Any suggestion would be very valuable. Thanks!

[vtysh]

Can't you keep necessary TabPanel in some variable?
http://www.sencha.com/examples/#advancedtabs

[catalin.ciobanu]

My problem is that for each TabItem I have a class and I put them all together in the EntryPoint. I don't know could I keep the TabPanel (which is defined in the entrypoint class) and to make it available for all the classes

ps: thanks for the quick answer.

[catalin.ciobanu]

Figured it out. It looks like this:

grid.addListener(Events.RowDoubleClick,
                new Listener<GridEvent<BeanModel>>() {

                    @Override
                    public void handleEvent(GridEvent<BeanModel> be) {

                        String tableName = be.getModel().get("tableName");
                        TableDetailsGrid tdg = new TableDetailsGrid();
                        TabItem ti = new TabItem(tableName);
                        ti.add(tdg);
                        ti.setClosable(true);
                        ((TabPanel) grid.getParent().getParent().getParent()
                                .getParent()).add(ti);
                        ((TabPanel) grid.getParent().getParent().getParent()
                                .getParent()).setSelection(ti);

                    }
                });

Hope it will help someone in the future

[Lbgxter]

You can use the com.extjs.gxt.ui.client.Registry class.

Example.
In your entry point,

YourTabPanel tabPanel = new YourTabPanel();
Registry.register("tabPanel", tabPanel);
.
.
.

And in your another GUI classes,

YourTabPanel tabPanel = Registry.get("tabPanel");
.
.
.

[catalin.ciobanu]

Thanks a lot, actually that Registry approach will help me a lot with the nest task

Thank you guys.

[mkarthik415]

worked like charm !!