Como hacer TabPanel desplazable en Extjs 4.1?

Question

Como hacer TabPanel desplazable en Extjs 4.1?

votos

22

He creado un TabPanel dentro de una ventana. Podría usar autoScroll:truecon la ventana, pero no con la TabPanel. Lo necesito para trabajar con TabPanel así que cuando me desplazo hacia abajo, la lista de las pestañas no se va a subir y desaparecer.

TabPanel:

 var   sections = Ext.createWidget('tabpanel', {
    id: 'mytabpanel',
    title: 'UM',
    activeTab: 3,
    closable: true,
    autoScroll: true, // not working
   //defaults:{ autoScroll:true }, //not working

    items: [
    {

Ventana (recipiente TabPanel):

var window = new Ext.Window({
            id: 'item1',
            closable: true,
            floating: true,
            collapsible: true,
            width: 900,
            height: 600,
            autoScroll: true, //working
        items  : mytabpanel

}).show();

javascript extjs extjs4

Publicado el 17/03/2013 a las 18:18
por usuario Noon

En otros idiomas...

1 respuestas

dbrin · Accepted Answer · 2013-03-18 01:57

Siempre se debe especificar el diseño de un contenedor primario. En este caso el componente de la ventana debe tener layout: 'fit'config.

Caminar a través de ejemplos para ver cómo se hacen las cosas en ExtJS. Las guías son una lectura obligada para alguien que está empezando a cabo.

EDIT: A su pregunta relacionada sobre cuestiones de desplazamiento en el interior: Tome un violín que una esta se cambia de su puesto original Look - http://jsfiddle.net/REtRQ/3/ Se muestra el panel de pestañas anidada en la ventana. Por favor, eche un vistazo a la utilización de Ext.definelos métodos utilizados para definir sus componentes antes de que se utilizan realmente. Esto le permite la separación de código limpio y no le obliga a utilizar variables globales. Tenga en cuenta que todo es nombre a un espacio de forma automática.