Как сделать прокручивать tabpanel в ExtJS 4.1?

голоса
22

Я создал tabpanel внутри окна. Я мог бы использовать autoScroll:trueс окном, но не с tabpanel. Мне нужно работать с tabpanel так , когда я прокручиваю вниз, список вкладок не будет идти вверх и исчезает.

Tabpanel:

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

    items: [
    {

Окно (tabpanel контейнер):

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

}).show();
Задан 17/03/2013 в 18:18
пользователем
На других языках...                            


1 ответов

голоса
2

Вы всегда должны указать макет для родительского контейнера. В этом случае ваш компонент окна должны иметь layout: 'fit'конфиг.

Пройдите через примеры, чтобы увидеть, как все сделано в ExtJS. Направляющие должны читать для тех, кто только начинает.

EDIT: К вашему смежному вопросу о внутренних вопросах прокрутки: Посмотрите на эту скрипку , который Переналажен из исходного поста - http://jsfiddle.net/REtRQ/3/ Он показывает вложенную вкладку панели в окне. Пожалуйста , обратите внимание на использовании Ext.defineметодов , используемых для определения ваших компонентов , прежде чем они на самом деле используются. Это позволяет вам четкое разделение кода и не заставит вас использовать глобальные переменные. Обратите внимание , как все имя разнесены автоматически.

Ответил 18/03/2013 в 01:57
источник пользователем

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