如何将我的默认网站布局与.aspx网页一起使用
本文关键字:网页 aspx 一起 布局 我的 默认 网站 | 更新日期: 2023-09-27 18:26:51
我有一个默认的_siteLayout.cshtml文件,它的中心是对@RenderBody()
的调用,位于一些标记和Razor代码之间。
我有一个复杂的.aspx页面,其中有一些标记,我希望在调用@RenderBody()
的地方呈现这些标记。
本质上,我想在一个新文件中打这样的电话:
@{
Layout = "/Shared/_SiteLayout.cshtml";
@RenderPage(Default.aspx);
}
但是,在这种情况下,无法调用.aspx页面。
有什么简单的解决方案吗?
Default.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
<link href="Styles/dark-hive/jquery.ui.all.css" rel="stylesheet" type="text/css" >
<link href="Styles/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
<link rel='stylesheet' type='text/css' href='fullcalendar/fullcalendar.print.css' media='print' />
<script src="jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery/jquery-ui-1.7.3.custom.min.js" type="text/javascript"></script>
<script src="jquery/jquery.qtip-1.0.0-rc3.min.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
</asp:ScriptManager>
<div id="updatedialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;"
title="Update or Delete Event">
<table cellpadding="0" class="style1">
<tr>
<td class="alignRight">
Name:</td>
<td class="alignLeft">
<input id="eventName" type="text" /><br /></td>
</tr>
<tr>
<td class="alignRight">
Description:</td>
<td class="alignLeft">
<textarea id="eventDesc" cols="30" rows="3" ></textarea></td>
</tr>
<tr>
<td class="alignRight">
Start Time:</td>
<td class="alignLeft">
<span id="eventStart"></span></td>
</tr>
<tr>
<td class="alignRight">
End Time: </td>
<td class="alignLeft">
<span id="eventEnd"></span><input type="hidden" id="eventId" /></td>
</tr>
</table>
</div>
<div id="addDialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;" title="Add Event">
<table cellpadding="0" class="style1">
<tr>
<td class="alignRight">
Name:</td>
<td class="alignLeft">
<input id="addEventName" type="text" size="50" /><br /></td>
</tr>
<tr>
<td class="alignRight">
Description:</td>
<td class="alignLeft">
<textarea id="addEventDesc" cols="30" rows="3" ></textarea></td>
</tr>
<tr>
<td class="alignRight">
Start Time:</td>
<td class="alignLeft">
<span id="addEventStartDate" ></span></td>
</tr>
<tr>
<td class="alignRight">
End Time:</td>
<td class="alignLeft">
<span id="addEventEndDate" ></span></td>
</tr>
</table>
</div>
<div runat="server" id="jsonDiv" />
<input type="hidden" id="hdClient" runat="server" />
</form>
</body>
</html>
您可以将想要从此.aspx
页面重用的部分外部化为.ascx
部分,然后呈现它们:
@{
Layout = "/Shared/_SiteLayout.cshtml";
}
<div>
@Html.Partial("foo.ascx")
</div>
some other contents
如果你想使用Razor布局的WebForms视图,恐怕这是不可能的。相反的情况是可能的:使用Razor视图和WebForms主页。
最简单的解决方案-从局部视图中在iFrame中呈现该页面。这是一种选择,但一般来说,在这种情况下,这是一个糟糕的做法(请参阅:iframes被认为是糟糕的做法吗?)
正确的处理方法是将aspx分解为您可以使用的模块——正如Darin所回应的那样。