Jak zmienić rozmiar kontenera ext.net z układem obramowania na rozmiar okna przeglądarki

Question

Poniżej znajduje się znacznik, którego używam do renderowania kontenera EXT.NET zawierającego składany panel (na zachód) i innego panelu zawierającego moją zawartość (centrum).

Jak zmienić rozmiar podczas zmiany rozmiaru przeglądarki?

Obecnie nie zmienia rozmiaru, ponieważ określam szerokość i wysokość, a jeśli nie podam Width i Height, to nic mi nie pokazuje, pokazuje puste.

@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: Nie mogę używać ViewPort jak jej rozpraszać mój układ

Answer 1

nie jestem wsparcie to pojemnik ure ale rzutni. użycie zamiast pojemnika rzutni

@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") 
) 

Innym rozwiązaniem może sobie wyobrazić, aby uzyskać zdarzenia zmiany rozmiaru i ustawić szerokość i wysokość pojemnika z odpowiednimi wartościami