如何在ExtJs中动态添加标签栏中的tbar

// 创建标签栏组件
var tabPanel = Ext.create('Ext.tab.Panel', {
    renderTo: Ext.getBody(),
    width: 600,
    height: 400,
    items: [{
        title: '标签页1',
        tbar: [{
            text: '按钮1',
            handler: function() {
                // 按钮1的点击事件处理逻辑
            }
        }]
    }, {
        title: '标签页2',
        tbar: [{
            text: '按钮2',
            handler: function() {
                // 按钮2的点击事件处理逻辑
            }
        }]
    }]
});

// 动态添加tbar到标签页1
var tab1 = tabPanel.getComponent('标签页1');
tab1.add({
    text: '按钮3',
    handler: function() {
        // 按钮3的点击事件处理逻辑
    }
});

// 重新布局并渲染标签栏及其子组件
tabPanel.doLayout();