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

下面是我用来呈现一个包含可折叠面板（west）和另一个包含我的内容（center）的面板的EXT.NET容器的标记

当我调整浏览器大小时，如何使其可调整大小

目前，它没有按照我指定的宽度和高度调整大小，如果我没有指定

宽度

和

高度

，它不会显示任何内容，它显示为空白

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

---

编辑：我不能使用

视口

，因为它会分散我的布局

我不支持这个，但支持视口。 使用视口而不是容器

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

---

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

，感谢您的回复。我试过使用视口，但它不适合我正在使用的屏幕布局。我需要侧面板上的动画滑动效果，所以我在容器中使用了BorderLayout。