Blog Content

    티스토리 뷰

    69.C# ASP.NET - 웹 파트

    반응형
    웹 파트 컨트롤 관련 예제입니다.
    특정 영역을 최소/최대화와 드래그 하여 위치 등 변경이 가능합니다.

    도구상자 - WebParts - WebPartManager 컨트롤 추가 및 직접 코드 작성
    Default.aspx

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">

        <title></title>

    </head>

    <body>

        <form id="form1" runat="server">

        <div>

        <asp:WebPartManager ID="WebPartManager" runat="server"></asp:WebPartManager>

        <table border="1" width="100%">

                <tr>

                    <td colspan="3">

                        메뉴

                        <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true"

                            onselectedindexchanged="DropDownList1_SelectedIndexChanged">

                            <asp:ListItem Value="0">Browse</asp:ListItem>

                            <asp:ListItem Value="1">Design</asp:ListItem>

                            <asp:ListItem Value="2">Catalog</asp:ListItem>

                        </asp:DropDownList>

                    </td>

                </tr>

                <tr>

                    <td>

                        영역1<br />

                        <asp:WebPartZone ID="WebPartZone1" runat="server">

                            <ZoneTemplate>

                                <asp:Calendar ID="Calendar1" runat="server" Title="달력"></asp:Calendar>

                            </ZoneTemplate>

                        </asp:WebPartZone>

                        <br />

                    </td>

                    <td>

                        영역2<br />

                        <asp:WebPartZone ID="WebPartZone2" runat="server">

                            <ZoneTemplate>

                                <asp:Image ID="Image1" runat="server" Height="178px" Width="137px"

                                    Title="로고" />

                            </ZoneTemplate>

                        </asp:WebPartZone>

                        <br />

                    </td>

                    <td>

                        영역3<br />

                        <asp:WebPartZone ID="WebPartZone3" runat="server">

                            <ZoneTemplate>

                                <asp:Login ID="Login1" runat="server" Title="로그인">

                                </asp:Login>

                            </ZoneTemplate>

                        </asp:WebPartZone>

                    </td>

                </tr>

            </table>

           

            <asp:CatalogZone ID="CatalogZone1" runat="server">

            <ZoneTemplate>

                <asp:PageCatalogPart ID="PageCatalogPart1" runat="server" />

            </ZoneTemplate>

        </asp:CatalogZone>

       

        </div>

        </form>

    </body>

    </html>


    디자인 하고 테이블 태그 아래에 보면 CatalogZone 컨트롤을 추가했습니다.


    컨트롤을 추가합니다.
    도구상자 - WebParts - CatalogZone 추가
    CatalogZone컨트롤을 이용해서 변경한 화면을 복구 가능합니다.
    Browse : 페이지 기본화면으로 변경
    Edit : 특정 파트를 선택하여 편집이 가능
    Design : 페이지의 구성요소 순서 재 정렬, 이동/삭제/다른영역으로 이동가능
    Catalog : 페이지 모든 웹 영역 출력 & 특정 역역에 있는 항목 선택 가능


    Default.aspx.cs

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

    {

       if (this.DropDownList1.SelectedValue == "0")

       {

           this.WebPartManager.DisplayMode = WebPartManager.BrowseDisplayMode;          

       }

       else if (this.DropDownList1.SelectedValue == "1")

       {

           this.WebPartManager.DisplayMode = WebPartManager.DesignDisplayMode;

       }

       else if (this.DropDownList1.SelectedValue == "2")

       {

           this.WebPartManager.DisplayMode = WebPartManager.CatalogDisplayMode;

       }

    }


    결과화면

    [그림69-1]



    반응형

    Comments