Größenänderung von Ext.net-Container mit Rahmenlayout im Browserfenster Größenanpassung

Question

Unten ist das Markup, das ich verwende, um einen EXT.NET-Container mit einem reduzierbaren Panel (West) und ein anderes Panel mit meinem Inhalt (Mitte) zu rendern.

Wie kann ich die Größe ändern, wenn ich die Größe meines Browsers ändere?

derzeit nicht die Größe ändern, wie ich Breite und Höhe angegeben und wenn ich Width und Height nicht angeben, zeigt es mir nichts, es zeigt leer.

@Html.X().Container().Layout(LayoutType.Border).Width(500).Height(300).Items(
    Html.X().Panel() 
        .ID("Panel1") 
        .Region(Region.West) 
        .AutoDoLayout(true) 
        .Collapsible(true).Border(true).Title("West Panel").Items(
        Html.X().Label().Text("Item 1"), 
        Html.X().Label().Text("Item 2") 
        ), 
    Html.X().Panel().ID("Panel2").Region(Region.Center).Title("Center") 
) 

EDIT: Ich nicht ViewPort als ablenkend mein Layout

Answer 1

Ich bin nicht ure Container unterstützen diese aber Ansichtsfenster verwenden können. Verwendung anstelle des Behälters ein Ansichtsfenster

@Html.X().Viewport().Layout(LayoutType.Border).Items(
     Html.X().Panel() 
     .ID("Panel1") 
        .Region(Region.West) 
        .AutoDoLayout(true) 
        .Collapsible(true).Border(true).Title("West Panel").Items(
        Html.X().Label().Text("Item 1"), 
        Html.X().Label().Text("Item 2") 
        ), 
     Html.X().Panel().ID("Panel2").Region(Region.Center).Title("Center") 
) 

eine andere Lösung kann ich mir vorstellen, das Resize-Ereignis zu erhalten und die Breite und Höhe des Behälters mit den entsprechenden Werten