방법: 웹 파트 페이지의 디스플레이 모드 설정

Visual Studio 2010

업데이트: 2007년 11월

웹 파트 기술에서 제공하는 다양한 페이지 디스플레이 모드를 통해 최종 사용자가 웹 페이지를 사용자 지정할 수 있습니다. 그러나 최종 사용자에게 필요한 디스플레이 모드가 무엇이고 최종 사용자에게 어떤 모드를 제공할지 결정하는 것은 페이지 개발자의 몫입니다. 이 항목에서는 WebPartManager 인스턴스의 DisplayMode 속성을 설정하는 간단한 "Design" 및 "Browse" 단추를 만드는 방법을 보여 줍니다. 디자인 모드에서는 사용자가 웹 파트 컨트롤을 끌어 옮겨 페이지의 레이아웃을 편집할 수 있는 반면, 찾아보기 모드에서는 표준 웹 검색 기능만 사용할 수 있습니다. 다른 페이지 디스플레이 모드에 대한 자세한 내용은 웹 파트 페이지 디스플레이 모드를 참조하십시오.

Design 및 Browse 단추와 해당 Click 이벤트를 만들려면

  1. WebPartManager 컨트롤과 몇 가지 WebPartZone 컨트롤 및 몇 가지 표준 웹 컨트롤이 영역 내에 포함된 ASP.NET 페이지를 만듭니다. 이 페이지를 만드는 단계별 과정은 연습: 웹 파트 페이지 만들기를 참조하십시오.

  2. 영역 바깥쪽에 두 개의 Button 컨트롤을 만듭니다. 컨트롤 하나의 IDText 속성은 모두 "Design"으로 설정하고, 다른 컨트롤 하나의 이들 속성은 모두 "Browse"로 설정합니다.

  3. 두 단추에 대한 Click 이벤트 처리기를 페이지의 헤드나 코드 페이지(코드 숨김 파일을 사용하는 경우)에 있는 <script> 블록에 배치합니다. 코드는 다음 예제와 같습니다.

    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를 클릭하면 끌어서 놓기 기능이 비활성화됩니다.

표시: