我用Razor引擎创建了一个MVC3项目。我需要实现TabPanel
。在tabPanel
的每个字段中,都有一个已在此项目中定义的特定视图。
如何在新的TabPanel
字段(.cshtml)中直接调用旧定义的视图(在.aspx中)?我不能做一些复制粘贴,因为两种文件类型不同
这可能是带有tabPanel的example.cshtml文件:
TabPanel south = new TabPanel
{
Region = Region.South,
Height = Unit.Pixel(200),
ActiveTabIndex = 0,
Items =
{
new Ext.Net.GridPanel
{
Title = "Warnings gridpanel",
Region=Region.North ,
Height= 210,
Split = (true)
},
new Panel
{
Title = "Warnings",
BodyBorder = 0,
BodyPadding = 6,
},
new Panel
{
Title = "Unused",
BodyBorder = 0,
BodyPadding = 6
}
}
};
我想在南tabPanel中添加一个已定义的GridPanel。 gridPanel.cshtml文件具有以下形式:
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head id="Head1" runat="server">
<title>GridPanel with XmlDataSource</title>
<link href="/resources/css/examples.css" rel="stylesheet" />
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<asp:XmlDataSource
ID="XmlDataSource1"
runat="server"
DataFile="../../Test/alert.xml"
TransformFile="../../Test/alert.xslt"
/>
<ext:GridPanel runat="server" ID="WarningsGridPanel" Title="Warnings" AllowDeselect="true" MultiSelect="true" EmptyText="No warnings at this time" Stateful="true" StateID="wgp">
<Store>
<ext:Store ID="Store1" runat="server" DataSourceID="XmlDataSource1" PageSize="10">
<Model>
<ext:Model ID="Model1" runat="server">
<Fields>
<ext:ModelField Name="id" />
<ext:ModelField Name="source" />
<ext:ModelField Name="area" />
<ext:ModelField Name="expires" Type="Date" DateFormat="m/d/Y" />
<ext:ModelField Name="clients" />
<ext:ModelField Name="localtimestamp" Type="Date" DateFormat="{0:MM/dd/yy}" />
<ext:ModelField Name="localtimezone" />
<ext:ModelField Name="usertimestamp" Type="Date" DateFormat="{0:MM/dd/yy}" />
<ext:ModelField Name="usertimezone" />
<ext:ModelField Name="utctimestamp" Type="Date" DateFormat="{0:MM/dd/yy}" />
<ext:ModelField Name="expiresHr" />
<ext:ModelField Name="status" />
</Fields>
</ext:Model>
</Model>
<Sorters>
<ext:DataSorter Property="id" Direction="ASC" />
</Sorters>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column ID="Column1" runat="server" Text="ID" DataIndex="id" Width="220" Sortable="true" Flex="1" />
<ext:Column ID="Column2" runat="server" Text="Source" DataIndex="source" Width="130" />
<ext:Column ID="Column3" runat="server" Text="Area" DataIndex="area" Width="70" Align="right" />
<ext:DateColumn ID="DateColumn1" runat="server" Text="Expires" DataIndex="expires" Width="95" Format="yyyy-MM-dd" />
<ext:Column ID="Column4" runat="server" Text="Clients" DataIndex="clients" Width="55" />
<ext:Column runat="server" ID="cEventLocal" Text="Event Local">
<Columns>
<ext:DateColumn runat="server" ID="cEventLocalTimestamp" Text="Timestamp" DataIndex="localtimestamp" Format="yyyy/MM/dd HH:mm" Align="Center" Width="130" Resizable="false" MenuDisabled="true" Hideable="false"></ext:DateColumn>
<ext:Column runat="server" ID="cEventLocalTimezone" Text="Timezone" DataIndex="localtimezone" Width="70" Resizable="false" MenuDisabled="true" Hideable="false"></ext:Column>
</Columns>
</ext:Column>
<ext:Column runat="server" ID="cUserLocal" Text="User Local" Visible="false">
<Columns>
<ext:DateColumn runat="server" ID="cUserLocalTimestamp" Text="Timestamp" DataIndex="usertimestamp" Format="yyyy/MM/dd HH:mm" Align="Center" Width="130" Resizable="false" MenuDisabled="true" Hideable="false"></ext:DateColumn>
<ext:Column runat="server" ID="cUserLocalTimezone" Text="Timezone" DataIndex="usertimezone" Width="70" Resizable="false" MenuDisabled="true" Hideable="false"></ext:Column>
</Columns>
</ext:Column>
<ext:DateColumn runat="server" ID="cUTC" Text="UTC Timestamp" DataIndex="utctimestamp" Format="yyyy/MM/dd HH:mm" Align="Center" Width="130" Resizable="false" Visible="false"></ext:DateColumn>
<ext:Column runat="server" ID="cExpires" Text="Expires (hr)" DataIndex="expiresHr" Align="Center" Width="100" Resizable="false" Visible="false"></ext:Column>
<ext:Column runat="server" ID="cStatus" Text="Status" DataIndex="status" Flex="1" Align="Center"></ext:Column>
</Columns>
</ColumnModel>
<BottomBar>
<ext:PagingToolbar ID="PagingToolbar1" runat="server" HideRefresh="true" />
</BottomBar>
</ext:GridPanel>
</form>
</body>
</html>