HTML and CSS Reference
In-Depth Information
Ext.create("Ext.Container", {
fullscreen: true,
layout: 'vbox',
items: [ toolbar, carousel ]
});
Die Funktion und die Eigenschaften sollten Ihnen bereits bekannt sein:
fullscreen:
true
sorgt dafür, dass der Container bildschirmfüllend angezeigt wird, der Layoutmo-
dus
vbox
bedeutet, dass die Objekte
toolbar
und
carousel
horizontal übereinanderge-
stapelt werden: die Kopfzeile oben, das Seitencarousel darunter.
Abbildung 8.34
Das Magazingrundgerüst
Seiten laden
Ihr Magazin sieht zwar schon wie eine App aus, ist aber noch recht leer (Abbildung
8.34). Dies sollten Sie nun ändern: In einer
for
-Schleife laden Sie Seiten einzeln per
AJAX-Request in das Carousel:
for (i in seitenListe) {
Ext.Ajax.request({
url: seitenListe[i],
params: {
id: 1
},
success: function(response){
var seite = Ext.create('Ext.Panel', {
html: response.responseText,
scrollable: {
Search WWH ::
Custom Search