Ext JS 4 - 如何获取特定选项卡并插入内容(视图)

时间:2011-11-30 20:24:19

标签: model-view-controller extjs tabs components

当前的MVC / Ext 4 JS推荐的方法是在选项卡面板中(在视图中)获取对特定选项卡的引用并设置其内容(来自控制器)?

我看到过冲突的信息,例如,使用Ext.get,Ext.getCmp,getComponent()和其他一些例子。

例如,我可以使用“getMyView()”来获取视图。但是现在,我如何获取选项卡面板中的选项卡?然后,我需要设置该选项卡的内容。 (如果这是推荐的方法)

最终我正在尝试创建另一个控制器和视图(例如客户列表)并将其插入到选项卡面板中。所以我想要获取对标签面板内容的引用,然后将我的视图的'renderTo'设置为。这有意义吗?

1 个答案:

答案 0 :(得分:-1)

你可以这样做。

// create customer list
var list = Ext.create('Ext.grid.Panel', {...});

// add to the tab panel
tabPanel.add(list);

// set this tab as active
tabPanel.setActiveTab(list);

Ext.grid.Panel和Tab是面板。所以使用额外的容器没有任何意义。

但如果你想要,你可以做到这一点

var tabIndexNumber = 1; // or 2, 3, 4 .. n
var tab = tabPanel.items.indexOf(tabIndexNumber);

Tab也有一个面板。只需添加网格面板。

tab.add(list);