如何在浏览器窗口调整大小时调整带有边框布局的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")
)

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