Extjs4.1.1GA GridPanel scrollBar ne se présente pas

Question

Voici simple code de l'application, je travaille sur:

  { 
      xtype: 'tabpanel', 
      activeTab: 0, 
      layout: 'fit', 
      items: [ 
       { 
        xtype: 'gridpanel', 
        title: 'Proposed Benchmarkss', 
        store: 'BenchmarkLookupStore', 
        plugins: [cellEditing], 
        scroll: true, 
        columns: [ 
         new Ext.grid.RowNumberer(), 
         { 
          dataIndex: 'code', 
          text: 'Code', 
          flex: 1 
         } 

        ] 
       }, 
       { 
        xtype: 'panel', 
        title: 'Additional Comments', 
        layout: 'fit', 
        items: [ 
         { 
          xtype: 'htmleditor' 
         } 
        ] 
       } 
      ] 
     } 

J'utilise Extjs4.1.1 GA, Nombre d'enregistrements sont 300, mais je ne vois pas la barre de défilement sur le panneau de la grille. Je mets le scroll: vrai et encore je ne vois pas de scrollbar. La seule façon d'obtenir la barre de défilement est de mettre height: 200 sur gridpanel.

Très étrange!

Suggestions?

Answer 1

Vous risquez de créer de la confusion dans le moteur de disposition en plaçant plusieurs éléments dans le panneau à onglet avec une mise en forme adaptée. Il est conçu pour étirer un seul élément pour occuper tout le corps de son élément parent. Je changerais en utilisant une disposition de vbox sur le panneau d'onglets au lieu d'une mise en page et donnerais au panneau de grille et au panneau de commentaires supplémentaires des propriétés flex ou height (probablement une hauteur en pixels sur les commentaires et flex: 1 sur le panneau de grille) . En outre, s'il existe des conteneurs à partir du panneau à onglets qui ne sont pas affichés ici, assurez-vous qu'ils ont un ensemble de disposition et qu'ils sont appliqués correctement.