2015年6月4日 星期四

Visual 2012 C# 主版頁面 -- 20150604


主版頁面(Master Page)

  • 該主版頁面的附檔名為*.Master。
  • 該檔案可內含:靜態文字、HTML標籤、伺服器控制項......等。(如下圖)
  • 一般ASP.NET網頁是以@Page指示詞來設定網頁的屬性;主版頁面是以@Master。
  • 主版頁面無法直接執行。
  • 可在主版頁面使用HTML表格進行網頁編排、CSS配置網頁外觀、放置Flash廣告動畫、使用巡覽控制項導覽網頁、建立網站公司的Logo及著作權注意事項...等。
  • 主版頁面必須含一個或多個的ContentPlaceHolder控制項。





※當新的網頁套用「主版頁面」時,只能在紫色框框(ContentPlaceHolder1)內做編輯。





































---------------------補充2015/6/4------(透過程式碼來操控主版頁面的物件)--------------------------


在程式碼畫面中,可以藉由以下程式碼來控制「主版頁面」的物件:

 Control  變數名稱  = Master.FindControl("主版頁面的物件名稱");






範例說明:



步驟一、首先在「主版頁面」中,加入蝙蝠俠的Logo圖片(物件名稱:imgLogo),如下圖。







步驟二、開啟新網頁,並套用「主版頁面」,且在編輯區中加入兩個按鈕,如下圖。






























步驟三、觸發Button事件,並在事件中寫入以下程式碼,如下圖。

    protected void Button1_Click(object sender, EventArgs e)
    {
        Control logoPic = Master.FindControl("imgLogo");

        logoPic.Visible = false;
        
    }
    protected void Button2_Click(object sender, EventArgs e)
    {
        Control logoPic = Master.FindControl("imgLogo");

        logoPic.Visible = true;
    }







































步驟四、當上述步驟完成後,F5執行網頁查看結果。



























步驟六、按下「隱藏」鈕,測試是否可以控制「主版頁面」上的Logo圖片,如下圖。