asp.net-mvc-4 - 如何在浏览器窗口调整大小时使用边框布局调整 ext.net 容器的大小

Question

下面是我用来渲染 EXT.NET 容器的标记，该容器包含一个可折叠面板(西)和另一个包含我的内容的面板(中心)。

当我调整我的浏览器大小时，如何让它调整大小？

目前它没有调整大小，因为我指定了宽度和高度，如果我没有指定 Width和 Height ，它没有显示任何东西，它显示为空白。

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

编辑:我不能使用 ViewPort因为它分散了我的布局

Answer 1

我不确定容器是否支持这个，但视口(viewport)。
使用视口(viewport)代替容器

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

我可以想象的另一种解决方案，获取调整大小事件并使用适当的值设置容器的宽度和高度