Comment faire tabpanel dans Extjs 4.1 scrollable?

Question

Comment faire tabpanel dans Extjs 4.1 scrollable?

voix

22

J'ai créé un tabpanel dans une fenêtre. Je pourrais utiliser autoScroll:trueavec la fenêtre, mais pas avec le tabpanel. J'ai besoin de travailler avec tabpanel quand je défiler vers le bas, la liste des onglets ne va pas et disparaître.

tabpanel:

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

    items: [
    {

Fenêtre (conteneur 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

Créé 17/03/2013 à 18:18
utilisateur Noon

Dans d'autres langues...

1 réponses

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

Vous devez toujours spécifier la mise en page pour un conteneur parent. Dans ce cas , votre composant de fenêtre doit avoir layout: 'fit'config.

Promenade à travers des exemples pour voir comment les choses se font dans ExtJS. Les guides sont une lecture incontournable pour quelqu'un qui vient de commencer.

EDIT: Pour votre question connexe sur les questions de défilement à l' intérieur: Jetez un oeil un violon ce qui a changé au- dessus de votre message original - http://jsfiddle.net/REtRQ/3/ Il montre le panneau onglet imbriqué dans la fenêtre. S'il vous plaît jeter un oeil à l'utilisation des Ext.defineméthodes utilisées pour définir vos composants avant qu'ils ne soient effectivement utilisés. Cela vous permet la séparation de code propre et ne vous oblige pas à utiliser des variables globales. Notez comment tout est le nom interligne automatiquement.