Como fazer TabPanel rolagem em Extjs 4.1?

votos
22

Eu criei um TabPanel dentro de uma janela. Eu poderia usar autoScroll:truecom a janela, mas não com o TabPanel. Eu preciso dele para trabalhar com TabPanel então quando eu rolar para baixo, lista de guias não vai subir e 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: [
    {

Janela (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 17/03/2013 em 18:18
usuário
Em outras línguas...                            


1 respostas

votos
2

Você sempre deve especificar o layout para um recipiente pai. Neste caso, o seu componente de janela deve ter layout: 'fit'configuração.

Ande através de exemplos para ver como as coisas são feitas em ExtJS. Os guias são uma leitura obrigatória para alguém que está apenas começando.

EDIT: Para a sua pergunta relacionada com questões de rolagem dentro: Dê uma olhada a este violino que é alterado ao longo do seu post original - http://jsfiddle.net/REtRQ/3/ Ele mostra o painel da guia aninhada na janela. Por favor, dê uma olhada no uso de Ext.definemétodos utilizados para definir seus componentes antes que eles são realmente utilizados. Isso permite que você separação de código limpo e não forçá-lo a usar variáveis globais. Note como tudo é automaticamente espaçadas-name.

Respondeu 18/03/2013 em 01:57
fonte usuário

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