如何将Navbar部分添加到ASP MVC站点?

时间:2014-10-29 14:25:25

标签: css asp.net-mvc

我正在尝试生成以下视图:

 +----------------------------------+
 |/////|                            | 
 |/////|                            |
 |/////|                            |   
 |/////|                            |    
 |/////|       CONTENT              |      
 |/////|                            |     
 |/////|                            |     
 |/////|                            |  
 |/////|                            |
 |/////|                            |
 +-----+----------------------------+
    ^
    |
  space reserved 
  for navbar

我一直在使用DevExpress'过去的拆分:

settings.Name = "ContentSplitter";
    settings.Width = System.Web.UI.WebControls.Unit.Percentage(100);
    settings.Height = System.Web.UI.WebControls.Unit.Percentage(100);
    settings.Styles.Pane.Paddings.Padding = System.Web.UI.WebControls.Unit.Pixel(0);
    settings.Styles.Pane.Border.BorderWidth = System.Web.UI.WebControls.Unit.Pixel(0);

    settings.Panes.Add(subpane => {
        subpane.Name = "ContentLeft";
        subpane.PaneStyle.CssClass = "leftPane";
        subpane.ShowCollapseBackwardButton = DefaultBoolean.False;
        subpane.Size = System.Web.UI.WebControls.Unit.Pixel(250);
        subpane.PaneStyle.Paddings.Padding = System.Web.UI.WebControls.Unit.Pixel(1);
        subpane.SetContent(() => {
            Html.RenderPartial("ContentLeftPartialView");
        });
    });

    settings.Panes.Add(subpane => {
        subpane.Name = "ContentCenter";
        subpane.PaneStyle.CssClass = "contentPane";
        subpane.ScrollBars = System.Web.UI.WebControls.ScrollBars.Auto;
        subpane.Separator.Visible = DefaultBoolean.True;
        subpane.Separator.SeparatorStyle.Border.BorderWidth = System.Web.UI.WebControls.Unit.Pixel(1);
        subpane.Separator.SeparatorStyle.BorderTop.BorderWidth = System.Web.UI.WebControls.Unit.Pixel(0);
        subpane.SetContent(RenderBody().ToHtmlString());
    });

}).GetHtml()

但我试图将此导航栏生成为部分视图,这意味着它可以在每个页面上制作/保留。

但是,我似乎无法找到让内容仅填充视图/页面其余部分的方法吗?

我应该如何定义此布局(使用mainLayout/ViewStart等)以便保留屏幕的那一部分?

由于我希望摆脱DevExpress,我怎样才能实现这一目标'保留'屏幕的一部分?

欢呼帮助(并听取我试图解释的喋喋不休)

/ ********************************************** ************************************************** ****** /

为了进一步解释/澄清,我试图从一个新的'空白'开始。项目左侧有一个指定的导航栏空间(默认情况下默认的MVC项目不会这样做),因此我尝试手动生成(使用部分视图等)。我想要使用第三方插件(即上面的开发表示。)

那么我怎样才能保留'屏幕上的导航栏空间/将屏幕分成上面的部分?

0 个答案:

没有答案