可以ext:窗口被限制在框架式主标记中吗?

时间:2013-04-02 16:13:16

标签: c# asp.net asp.net-mvc ext.net

我正在使用静态导航构建MVC4-Ext.net应用程序。我已成功绑定主页面中的导航并使项目无错运行。现在我想在“主要内容”中使用<ext:Window/>,这是我母版页中的<ext:Panel region="Center">

我试着去:

 <ext:Window runat="server" Constrain="true" Width="600" />

但是窗口仍然可以移出“MainContent”。 我也尝试过介绍

 <ext:Viewport runat="server" ID="InnerViewPort" Layout="FitLayout">

要约束Window,但这也不起作用。

我想避免使用“约束窗口”来阻止我将内容测量设置为固定值。

这些尝试位于我的<asp:Content ID="Content" ContentPlaceHolderID="Main">,位于母版页视口的中心面板内

我有一些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时将窗口限制在Main面板中

2 个答案:

答案 0 :(得分:0)

根据您的描述,我认为以下示例演示了该方案。

您可以在。上设置.Constrain =“true”并将.RenderTo属性设置为您希望Window要约束的Container的.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>

希望这有帮助。

答案 1 :(得分:0)

一点点的改造和不包括Master-Pages让我进入this question中描述的pont。

加载带有ext.net.Window组件的视图,设置为constrain="true"确实会限制窗口,因为您在loadMode="IFrame"