Quiero manejar el desbordamiento de los elementos del encabezado del panel. Cuando la cantidad de botones excede el ancho de la pantalla, el ícono de colapso y los botones no están visibles. Quiero hacer que el encabezado se pueda desplazar o mostrar los elementos de desbordamiento en un menú desplegable.

 Ext.application({ name : 'Fiddle', launch : function() { Ext.onReady(function () { Ext.create('Ext.panel.Panel', { width: 200, height: 50, collapsible: true, renderTo: Ext.getBody(), title: 'title', layout : 'hbox', header: { title: { text: 'title', flex: undefined }, items: [{ xtype: 'button', text: 'test', margin: '0 10' },{ xtype: 'button', text: 'test', margin: '0 10' },{ xtype: 'button', text: 'test', margin: '0 10' },{ xtype: 'button', text: 'test', margin: '0 10' },{ xtype: 'button', text: 'test', margin: '0 10' },{ xtype:'tbfill' }] } }); }); } });

Por favor refiérase a la imagen de abajo-

Debe tener un aspecto como este-