[사용법] Data View WebPart

이번에는, Data View WebPart 사용법에 대해 알아보겠습니다.

 

Data View WebPart는 SharePoint Designer를 통해 쉽게 만들수가 있습니다.

우선, Data View WebPart를 만들기 위해 SharePoint Designer 2013을 설치합니다.

SharePoint Designer 2013 설치는 무료이며, 아래 사이트에서 다운로드 받을 수 있습니다.

[SharePoint Designer 2013 다운로드]

 

설치버전은 설치하려는 PC의 Microsoft Office 버전에 맞게 설치하면 됩니다.

 

실습을 위한 SharePoint 사이트가 필요합니다.

전, Office 365 사이트를 이용하도록 하겠습니다.

 

이제 위에서 설치한 SharePoint Designer 2013을 실행하고, [사이트 열기]를 누릅니다.

 

[웹 사이트]란에 해당 사이트 URL을 입력하고 [열기]를 누릅니다.

 

Data View WebPart를 만들기 위해 페이지를 추가합니다.

 

만들어진 페이지에서 마우스 우클릭 후, [고급 모드에서 파일 편집]을 누릅니다.

 

아래와 같이 페이지 편집 모드를 볼수 있습니다. 이 페이지를 [브라우저에서 미리 보기]로 실행하면 빈화면만 보일 것입니다.

 

기존 코드를 지우고 아래 코드로 대체합니다.

<%@ Page Language="C#" MasterPageFile="~masterurl/default.master" %> <%@ Register tagprefix="SharePoint" namespace="Microsoft.SharePoint.WebControls" assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>   <asp:Content ContentPlaceHolderID="PlaceHolderMain" ID="Outofbox" runat="server"> </asp:Content>

 

아래와 같이 입력 후, 저장을 하고 [브라우저에서 미리 보기]를 통해 구현모습을 미리봅니다.

 

아래와 같이 구현되는 것을 볼수가 있습니다.

 

샘플 Text를 지우고, [데이터 보기]를 눌러 기존 SharePoint 목록을 불러옵니다.(저는 이전 포스트글에서 만들었던 '우편번호' 목록을 가져오겠습니다.)

 

아래와 같이 추가된 것을 볼수가 있습니다.

 

저장 후, [브라우저에서 미리보기]를 누르시면 아래와 같이 같습니다.

 

 

[웹 파트 영역]을 누르면 아래와 같이 Web Part Zone이 추가가 됩니다.

 

추가한 WebPart Zone에 기존 WebPart 페이지를 붙여놓습니다.

 

저장 후, 미리보기를 통해 아래와 같이 [새 항목] 및 [편집] 메뉴가 추가된 것을 볼수가 있습니다.

 

이번에, 필터기능을 추가해 봅니다. WebPart Pages 에 [텍스트 필터] 웹 파트를 추가합니다.

 

[FilterName]과 [Title]을 수정합니다.(시군구 컬럼을 Filter 할 예정입니다.)

 

필터를 위한 매개변수를 추가합니다.

 

매개 변수명을 정합니다.

 

[필터]를 누르고 필터 조건을 아래와 같이 입력합니다.

 

[연결 추가]를 누르고 [매개 변수 가져오기]를 누릅니다.

 

웹 파트간 열을 연결합니다.

 

아래와 같이 Query문이 추가된 것을 볼수가 있습니다.

 

이제 저장후에 Text 필터에 값을 넣고 조회를 해보면 필터된 값으로 볼수가 있습니다.

 

좀더 복잡한 Data 구현을 위한 Data View WebPart 구현도 가능하므로, 시도해 보시기 바랍니다.

 

● Data View WebPart란?

- 사용자 지정 레이아웃에 존재하는 데이터.
- 조건부 표시 및 서식.
- 스타일 개별 요소.
- 매개 변수 필터링 (쿼리 문자열)
- 여러 소스의 데이터를 표시.

 

◆ 용어설명

XSLT(Extensible Stylesheet Language Transformations)는 XML 문서를 다른 XML 문서로 변환하는데 사용하는 XML 기반 언어이다.

 

◆ The Data View Web Part (심층구현)

https://www.youtube.com/watch?v=ufxkmThfJtY