Я пытаюсь написать простое представление со списком в контейнере, но у меня есть некоторые проблемы. Прежде всего, список не виден, когда я пытаюсь сделать это вот так:
Ext.define('App.view.News', {
extend: 'Ext.Container',
но когда так написано:
Ext.define('App.view.News', {
extend: 'Ext.navigation.View',
оно работает.
Проблема в том, что когда я пишу это с расширением navigation.View, я получаю две панели инструментов сверху, и я не могу найти решение, чтобы отключить вторую (, добавленную списком ).
Полный код:
Ext.define('App.view.News', {
extend: 'Ext.Container', //Ext.navigation.View
xtype: 'news',
requires: [
'Ext.dataview.List',
'Ext.data.proxy.JsonP',
'Ext.data.Store'
],
config: {
style: ' background-color:white;',
items:
[
{
xtype: 'toolbar',
docked: 'top',
title: 'News',
minHeight: '60px',
items: [
{
ui: 'back',
xtype: 'button',
id: 'backButton',
text: 'Back',
},
{
minHeight: '60px',
right: '5px',
html: ['<img src="resources/images/Image.png"/ style="height: 100%; ">',].join(""),
},
],
},
{
xtype: 'list',
itemTpl: '{title},{author}',
store: {
autoLoad: true,
fields : ['title', 'author'],
proxy: {
type: 'jsonp',
url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.feedburner.com/SenchaBlog',
reader: {
type: 'json',
rootProperty: 'responseData.feed.entries'
}
}
}
}
]
}
});
Помогите, пожалуйста!