我正在尝试生成以下视图:
+----------------------------------+
|/////| |
|/////| |
|/////| |
|/////| |
|/////| 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项目不会这样做),因此我尝试手动生成(使用部分视图等)。我不想要使用第三方插件(即上面的开发表示。)
那么我怎样才能保留'屏幕上的导航栏空间/将屏幕分成上面的部分?