tabBar内のリストリストの周りの余白を取り除く

Question

私はSencha touchを数日前から使い始めました。私は使い方を学び始めています。しかし、今私は自分自身を解決することができない問題を見つけたようです。

私はPhoneGapアプリケーションを作成するために "nelson"によってテンプレートを使用しました。このテンプレートには5つの下部タブがあり、これらのタブの1つには、上部に2つのタブがドッキングされたページがあります。これらのタブの1つの中に私はリストを載せたいと思います。私はリストをそこに置くことに成功しましたが、それはとてもよく見えません。そこリストの周りの巨大な余裕があり、かつヘッダは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() { 
    ... 
    ... 

私はそれが役に立ちそうです。