我正在构建一个带有静态导航的 MVC4-Ext.net 应用程序。我已经成功地在母版页中绑定(bind)导航并使项目运行无误。现在我想使用 <ext:Window/>
在“主要内容”中,这是一个 <ext:Panel region="Center">
来 self 的母版页。
我试着去:
<ext:Window runat="server" Constrain="true" Width="600" />
但窗口仍然可以移出“MainContent”。我也试过引入一个
<ext:Viewport runat="server" ID="InnerViewPort" Layout="FitLayout">
要约束窗口,但这也不起作用。
我不想使用“约束窗口”来避免将内容测量设置为固定值。
这些尝试在我的 <asp:Content ID="Content" ContentPlaceHolderID="Main">
中谁在母版页视口(viewport)的居中面板内
我有一些具有如下简化标记的 Base.Master 文件:
<ext:Viewport ID="CompleteView" runat="server">
<Items>
<ext:Panel runat="server" Region="North" ID="TopBar" />
<ext:Panel runat="server" Region="West" ID="Navigation" />
<ext:Panel runat="server Region="Center" ID="MainContent" />
<Content>
<asp:ContentPlaceholder ID="Main" runat="server" />
</Content>
</ext:Panel>
</Items>
</ext:Viewport>
我现在希望将窗口限制在 MainContent
内将 View 加载到占位符时的面板 Main
根据您的描述,我认为以下示例演示了该场景。
您可以在 上设置 .Constrain="true"并将 .RenderTo 属性设置为您希望窗口约束到的容器的 .ID。
示例
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET Example</title>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="BorderLayout">
<Items>
<ext:Panel
runat="server"
Title="Example"
Region="West"
Width="350"
Collapsible="true"
/>
<ext:Panel
id="Panel1"
runat="server"
Title="Center"
Region="Center"
/>
</Items>
</ext:Viewport>
<ext:Window
ID="Window1"
runat="server"
Title="Window"
Constrain="true"
RenderTo="Panel1"
/>
</form>
</body>
</html>
希望这对您有所帮助。
我是一名优秀的程序员,十分优秀!