在我的标签面板中获取标题 属性

Question

我在视图中有一个选项卡面板，在选项卡面板中有很多选项卡，我想在控制器中获取标题字符串

我的标签面板代码：

        {
            xtype: 'tabpanel',
            itemId: 'tabfirst',
            flex: 1,
            //activeItem: 1,
            tabBar: {
                layout: {
                    pack: 'center'
                }
            },
            items: [
                {
                    title: 'tab1',//---------i want get it's value tab1
                    xtype: 'list',
                    itemTpl: '{title}',
                    data: [
                        {title : 'title1'},
                        {title : 'title2'},
                        {title : 'title3'}
                    ]
                },
                {
                    title: 'tab2',
                    html: 'here second html2'
                }
            ]
        }

控制器启动函数代码

    var moneytab = Ext.ComponentQuery.query('.makemoney #tabfirst')[0];
    console.log(moneytab.getItems().......how can i get the value of title........);

上面的 getItems return 我的 chrome 控制台中的数组列表

我的标题在数组1中items.THX

Answer 1

您查询的不是选项卡，而是选项卡面板本身。您显示的项目是选项卡面板的项目，而不是选项卡的项目..

{
    xtype: 'tabpanel',
    itemId: 'myTabPanel',
    flex: 1,
    tabBar: {
        layout: {
            pack: 'center'
        }
    },
    items: [
        {
            title: 'tab1',
            xtype: 'list',
            itemId: 'myFirstTab',
            itemTpl: '{title}',
            data: [
                {title : 'title1'},
                {title : 'title2'},
                {title : 'title3'}
            ]
        },
        {
            title: 'tab2',
            html: 'here second html2'
        }
    ]
}

var tabPanel = Ext.ComponentQuery.query('#myTabPanel')[0],
    moneyTab = tabPanel.child('#myFirstTab');

console.log(moneyTab.getTitle());
moneyTab.setTitle('w00t');
console.log(moneyTab.getTitle());