Render-Ext.Anwendung in einem div

Ich versuche zu laufen eine ExtJS4 Ext.application innerhalb unserer bestehenden website-Vorlage. Wir haben eine div #content, in die ich will, um die Anwendung für die Entwicklung. Wie kann ich machen, die Anwendung in diesem Bereich, eher als Ersatz der bestehenden html-Seite?

Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
       //  renderTo: Ext.Element.get('#content')  doesn't work
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});
  • Nicht wirklich sicher, warum dies so war downvoted, bitte Kommentar, wenn ich das Tue.
InformationsquelleAutor user2170010 | 2013-03-15
  1. 16

    Müssen Sie einen anderen Behälter als einen Ext.container.Viewport. Durch definfiton Ext.container.Viewport wird immer das ganze browser-Fenster.

    Aus der Dokumentation:

    Den Viewport macht sich auf den Dokument-Körper, und automatisch die Größe sich nach der Größe des browser-Viewports und verwaltet Fenster Größenänderung. Es kann nur einen Viewport erstellt, die in einer Seite.

    Verwenden Sie einfach Ext.panel.Panel statt

    Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.panel.Panel', {
            layout: 'fit',
            renderTo: Ext.get('content')
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});
    • Können Sie mir zeigen, ein Beispiel?
    • Ersetzen Sie einfach Ext.container.Viewport mit Ext.panel.Panel und kommentieren Sie die renderTo config-option. Und es ist Ext.get('content')
    • Es ist nicht #content, das ist es, was ich brauchte. Danke!
    • Trifft das Häkchen, um seine Antwort zu markieren, die diese Frage beantwortet haben bitte, danke!
    • es ist schon eine Weile her, aber ich war in der gleichen situation und Ihre Antwort dazu beigetragen, die Anwendung in eine benutzerdefinierte div aber könnten Sie mir sagen, welches layout zu verwenden, weil wenn ich den Schalter von Ext.Viewport zu Ext.panel.Panel er nicht richtig. Ich brauche es, zu handeln wie der viewport haben, wobei der ganze Raum den ganzen Weg unten zur Unterseite der Seite viewport, danke
    InformationsquelleAutor Mchl
Schreibe einen Kommentar