HOW TO：設定 Web 組件頁面的顯示模式

更新：2007 年 11 月

Web 組件技術提供各式頁面顯示模式，讓使用者可以在網頁上執行自訂，但網頁開發人員有責任決定並提供一般使用者所需的顯示模式。本主題將示範如何建立簡單的 "Design" 和 "Browse"按鈕 (設定 WebPartManager 執行個體的 DisplayMode 屬性)。在設計模式中使用者可以拖曳 Web Part 組件控制項來編輯頁面的配置，而在瀏覽模式中卻只提供標準的 Web 瀏覽功能。如需其他頁面顯示模式的說明，請參閱 Web 組件頁面顯示模式。

若要建立 Design 和 Browse 按鈕以及其 Click 事件

1. 建立 ASP.NET 網頁，當中包括 WebPartManager 控制項、一些 WebPartZone 控制項和一些位於區域內的標準 Web 控制項。如需逐步協助，請參閱逐步解說：建立 Web 組件頁面。

2. 在區域外建立兩個 Button 控制項：一個將其 ID 和 Text 屬性都設為 "Design"，另一個則將這兩者都設為 "Browse"。

3. 在網頁標頭中 (如果使用的是程式碼後置的檔案，則在字碼頁中) 的 <script> 區塊內，為這兩個按鈕放置 Click 事件處理常式。您的程式碼應該看起來與下列範例相同。

   Protected Sub Design_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Design.Click
     ' Get the current WebPartManager instance.
     Dim mgr As WebPartManager
     mgr = WebPartManager.GetCurrentWebPartManager(Page)
   
     ' Set the display mode.
     mgr.DisplayMode = mgr.SupportedDisplayModes.Item("Design")
   End Sub
   
   Protected Sub Browse_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Browse.Click
     ' Get the current WebPartManager instance.
     Dim mgr As WebPartManager
     mgr = WebPartManager.GetCurrentWebPartManager(Page)
   
     ' Set the display mode.
     mgr.DisplayMode = mgr.SupportedDisplayModes.Item("Browse")
   End Sub
   

   protected void design_Click(object sender, EventArgs e)
   {
     // Get the current WebPartManager instance.
     WebPartManager mgr = WebPartManager.GetCurrentWebPartManager(Page);
   
     // Change the page display mode.
     mgr.DisplayMode = mgr.SupportedDisplayModes["Design"];
   }
   
   protected void browse_Click(object sender, EventArgs e)
   {
     // Get the current WebPartManager instance.
     WebPartManager mgr = WebPartManager.GetCurrentWebPartManager(Page);
   
     // Change it back.
     mgr.DisplayMode = mgr.SupportedDisplayModes["Browse"];
   }
   

4. 建置並執行網頁。當您按一下 [Design] 按鈕時，應該可以在區域之間拖曳控制項，但按一下 [Browse] 按鈕時，拖放功能是停用的。

請參閱

工作

逐步解說：在 Web 組件頁面中變更顯示模式

概念

Web 組件頁面顯示模式

參考

DisplayMode

WebPartManager