asp.net-mvc-4 – 如何在浏览器窗口调整大小时调整带有边框布局

发布时间：2020-12-16 03:16:54 所属栏目：asp.Net 来源：网络整理

导读：下面是我用来渲染包含可折叠面板(西)的EXT.NET容器和包含我的内容(中心)的另一个面板的标记. 当我调整浏览器大小时,如何使其可调整大小？目前它没有调整大小,因为我指定了宽度和高度,如果我没有指定宽度和高度,它没有显示任何东西,它显示为空白. @Html.X().

下面是我用来渲染包含可折叠面板(西)的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")
)

编辑：我不能使用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().Panel().ID("Panel2").Region(Region.Center).Title("Center")
)

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!