VS2005:主版頁面+配置檔案=個性化站點佈局
阿新 • • 發佈:2019-02-03
主要操作步驟如下:
1 建立綱站專案 加入多個主版頁面MasterPage.master
專案-右鍵-加入新專案-主版頁面
主版頁面-加入ContentPlaceHolder-並設定佈局
2 建立內容頁面Default.aspx 指定各部分相對應的ContentPlaceHolderID
編輯Content,以加入相關控制元件及所要在此區顯示的東西
3 在內容頁面OnPreInit()事件中根據配置檔案相關字據
設定內容頁面所要套用的MasterPageFile
4 在頁面上設定相關可操作配置檔案以改變佈局的按鈕
相關程式碼如下:
MasterPage.master 原始檔
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>未命名頁面</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
<asp:contentplaceholder id="ContentPlaceHolder3" runat="server">
</asp:contentplaceholder>
</td>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder4" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
1 建立綱站專案 加入多個主版頁面MasterPage.master
專案-右鍵-加入新專案-主版頁面
主版頁面-加入ContentPlaceHolder-並設定佈局
2 建立內容頁面Default.aspx 指定各部分相對應的ContentPlaceHolderID
編輯Content,以加入相關控制元件及所要在此區顯示的東西
3 在內容頁面OnPreInit()事件中根據配置檔案相關字據
設定內容頁面所要套用的MasterPageFile
4 在頁面上設定相關可操作配置檔案以改變佈局的按鈕
相關程式碼如下:
MasterPage.master 原始檔
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>未命名頁面</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
<asp:contentplaceholder id="ContentPlaceHolder3" runat="server">
</asp:contentplaceholder>
</td>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder4" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
<tr>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
<td>
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>