如何在浏览器窗口调整大小时使用边框布局调整 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

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

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

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