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();
Publicado el 17/03/2013 a las 18:18
por usuario
En otros idiomas...                            


1 respuestas

votos
2

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.

Respondida el 18/03/2013 a las 01:57
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more