Question

我几天前开始使用Sencha touch，我开始学习如何使用它。但现在我似乎发现了一个问题，我无法解决这个问题。

我使用“nelson”模板创建了一个PhoneGap应用。在此模板中有5个底部选项卡，在其中一个选项卡中，有一个页面，其中两个选项卡停靠在顶部。在其中一个选项卡中，我想列出一个列表。我已成功将列表放在那里，但看起来不太好。列表周围有很大的余量，标题似乎非常大IMO ...

您可以在此处查看问题的图片： 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);

Answer 1

ToolbarDemo.views.Homecard = Ext.extend(Ext.TabPanel, {
    fullscreen : true, // or false
    title: "Butikker",
    iconCls: "home",
    initComponent: function() {
    ...
    ...

我希望它有所帮助。

在tabBar中列出，删除列表周围的边距

1 个答案: