Я начал использовать Sencha touch несколько дней назад, и я начинаю изучать, как его использовать. Но теперь я, кажется, нашел проблему, которую я не могу решить сам.Список в tabBar, удалите поле по списку
Я использовал шаблон от «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);