Javascript ExtJS在面板折叠后删除文本并将项目添加到标题中

我使用Ext5，我有一个问题。面板折叠后，是否可以删除文本并将项目添加到面板标题中

{        
    region: 'east',        
    title: 'East Panel',        
    collapsible: true,        
    split: true,        
    width: 150,
    header: {
         items: [{
            xtype: 'button'
        }, {
            xtype: 'button'
        }]
    }
} 

在代码下方，东面板是可折叠的。我想删除文本并在标题折叠后将其添加到标题中

Ext.create('Ext.container.Viewport', {
    layout: 'border',
    items: [{
        region: 'east',
        title: 'East Panel',
        collapsible: true,
        split: true,
        width: 150
    }, {
        region: 'center',
        xtype: 'tabpanel', // TabPanel itself has no title
        activeTab: 0,      // First tab active by default
        items: {
            title: 'Default Tab',
            html: 'The first tab\'s content. Others may be added dynamically'
        }
    }]
});

更新

在本例中，我将按钮添加到标题中，但当面板折叠时，按钮消失。当面板折叠时，是否有任何方法显示或将组件添加到标题中

{        
    region: 'east',        
    title: 'East Panel',        
    collapsible: true,        
    split: true,        
    width: 150,
    header: {
         items: [{
            xtype: 'button'
        }, {
            xtype: 'button'
        }]
    }
} 

这是你的电话号码

---

谢谢

您看到的收拢的标题实际上是专门为此创建的

Ext.panel.header的另一个实例。我试图找到一些配置来定制它，但是创建
Ext.panel.panel
时没有考虑到它

因此，您必须重写创建此读取器的方法，我发现该方法名为
createReExpander
。这是一个不需要重写很多东西就很难重写的大方法，但它是可以做到的

我尝试将按钮添加到标题中，结果在视觉上不太好，但至少创建了按钮！
因此，如果不需要按钮上的文本，我建议您使用而不是按钮。
请参阅Ext.panel.panel类中与“占位符”相关的配置。下面是您的代码从小提琴修改

Ext.create('Ext.container.Viewport', {
    layout: 'border',
    items: [{
        region: 'east',
        title: 'East Panel',
        collapsible: true,
        collapseMode:'placeholder',// set collapseMode to placeholder
        split: true,
        width: 300,
        placeholder:{ // Try different components and layout configs
            width:100,
            items:[{
                xtype:'button',
                text:'Button 1'
            }]
        }
        /*header: {
            items: [{
                xtype: 'button'
            }, {
                xtype: 'button'
            }]
        }*/
    }, {
        region: 'center',
        xtype: 'tabpanel', // TabPanel itself has no title
        activeTab: 0,      // First tab active by default
        items: {
            title: 'Default Tab',
            html: 'The first tab\'s content. Others may be added dynamically'
        }
    }]
});

您想添加什么类型的项目？头球应该和现在一样吗？嗨，Elias Medeiros。实际上不是这样，我更喜欢在面板折叠时将按钮添加到标题中。