17

Ext.application既存の Web サイト テンプレート内で ExtJS4 を実行しようとしています。開発用にアプリケーションをdiv #content配置したい があります。既存の HTML ページを置き換えるのではなく、この領域にアプリケーションをレンダリングするにはどうすればよいですか?

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.'
                }
            ]
        });
    }
});
4

1 に答える 1

16

以外のコンテナを使用する必要がありますExt.container.Viewport。定義によりExt.container.Viewport、常にブラウザ ウィンドウ全体が使用されます。

ドキュメントから：

Viewport は、ドキュメントの本文に合わせてレンダリングし、ブラウザのビューポートのサイズに合わせて自動的にサイズを変更し、ウィンドウのサイズ変更を管理します。1 つのページに作成できる Viewport は 1 つだけです。

Ext.panel.Panel代わりに使用してください

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.'
                }
            ]
        });
    }
});
于 2013-03-15T16:48:39.990 に答える