Список внутри tabBar, уберите поле вокруг списка - PullRequest
Новая
       21

Список внутри tabBar, уберите поле вокруг списка

0 голосов
/ 05 января 2012

Я начал использовать Sencha touch несколько дней назад, и я начинаю изучать, как его использовать. Но теперь я, кажется, нашел проблему, которую не могу решить сам.

Я использовал шаблон "nelson" для создания приложения PhoneGap. В этом шаблоне есть 5 нижних вкладок, а внутри одной из этих вкладок есть страница с двумя вкладками, прикрепленными к верхней части. Внутри одной из этих вкладок я бы хотел разместить список. Мне удалось разместить список там, но он выглядит не очень хорошо. Вокруг списка огромный запас, и заголовки кажутся очень большими ИМО ...

Вы можете увидеть изображение проблемы здесь: http://www.sencha.com/forum/attachment.php?attachmentid=30484&d=1325793060

А мой код выложен прямо здесь: 

ToolbarDemo.views.Homecard = Ext.extend(Ext.TabPanel, {    title: "Butikker",
iconCls: "home",
initComponent: function() {
Ext.apply(this, {
dockedItems: [{
xtype: "toolbar",
title: "Butikker",
ui: 'blue'
}
]
});
    Ext.apply(this, {
        defaults: {
            styleHtmlContent: true
        },
              tabBar : { 
              layout : { 
              pack : 'center' 
              } 
              },
        items: [{


            title: 'TabPanels',
                layout: Ext.is.Phone ? 'fit' : {
                type: 'vbox',
                align: 'left',
                pack: 'center'
                },
                items: [{
                        xtype: 'list',
                        store: store,
                        itemTpl: '<div class="contact"><strong>{firstName}</strong> {lastName}</div>',
                        grouped: true,
                        indexBar: true
                        }]


        },{
            title: 'Toolbars',
            scroll: 'vertical',
            html: '<p>Toolbars can be used as a title bar or as a container for buttons,   or you can mix and match both of these functions.</p>'
        }]
    });
    ToolbarDemo.views.Homecard.superclass.initComponent.apply(this, arguments);
}
});


Ext.reg('homecard', ToolbarDemo.views.Homecard);

1 Ответ

0 голосов
/ 24 апреля 2012 
ToolbarDemo.views.Homecard = Ext.extend(Ext.TabPanel, {
    fullscreen : true, // or false
    title: "Butikker",
    iconCls: "home",
    initComponent: function() {
    ...
    ...

Надеюсь, это поможет.

...