Panel & Viewport
Вопрос по работе в качестве галереи изображений Panel и Viewport. В первом случае (с Panel) не грузится, во втором (с Viewport), вроде как работает. Притом интерпретатор JavaScript ошибок не выдаёт.
Код для Viewport (работающий):
Код:
(function(){
var Gallery_Store = Ext.create('Ext.data.JsonStore', {
proxy: {
type: 'ajax',
url: 'app/get-images.sh',
reader: {
type: 'json',
root: 'images',
idProperty: 'name'
}
},
fields: ['name', 'url']
});
Gallery_Store.load();
var gallery = Ext.create('Ext.container.Viewport', {
items: [
{
region: 'north',
height: 95,
width: screen.width,
html: '<p align=center>Welcome to the gallery</p>'
},
{
region: 'center',
height: screen.height,
autoScroll: true,
items: Ext.create('Ext.view.View', {
store: Gallery_Store,
tpl: [
'<ul class="hoverbox">',
'<tpl for=".">',
'<li><a href="#"><img src={url} /></a></li>',
'</tpl>',
'</ul>'
]
}
)
}],
});
})();
Код для Panel:
Код:
(function(){
var Gallery_Store = Ext.create('Ext.data.JsonStore', {
proxy: {
type: 'ajax',
url: 'app/get-images.sh',
reader: {
type: 'json',
root: 'images',
idProperty: 'name'
}
},
fields: ['name', 'url']
});
Gallery_Store.load();
var gallery = Ext.create('Ext.panel.Panel', {
items: Ext.create('Ext.view.View', {
store: Gallery_Store,
tpl: [
'<ul class="hoverbox">',
'<tpl for=".">',
'<li><a href="#"><img src={url} /></a></li>',
'</tpl>',
'</ul>'
]
})
});
gallery.show();
})();
Пример оформления брал из этого источника - http://dev.sencha.com/deploy/ext-4.1...w/data-view.js. Что я мог пропустить во втором (неработающем) варианте? |