HTML 양식 웹 파트를 사용하여 다른 웹 파트의 데이터 필터링 및 표시

이 문서의 내용

• 양식 웹 파트를 사용 하 여

• 페이지에 웹 파트 추가

• HTML 양식 웹 파트를 다른 웹 파트 연결

• HTML 양식 웹 파트를 사용자 지정

  • 기본 HTML 양식 웹 파트를 사용자 지정

  • 여러 줄 텍스트 상자를 사용 하 여

  • 옵션 단추를 사용 하 여

  • 선택 항목의 드롭다운 목록을 사용 하 여

  • 사용 확인란

• 웹 파트의 일반 속성 구성

  • 모양

  • 레이아웃

  • 고급

양식 웹 파트를 사용 하 여

HTML 양식 웹 파트에 연결 하 고 데이터를 다른 웹 파트로 전달에 사용할 수 있습니다. 예를 들어 지역 이름을 입력 하 고 값 고객 데이터의 목록 보기 웹 파트를 전달 하는 영역으로 데이터를 필터링 하려면 기본 HTML 양식 웹 파트를 사용할 수 있습니다. HTML 양식 웹 파트를 사용 예를 들어 지역 이름 드롭다운 목록에서 선택 하려면 사용자 지정할 수 있습니다. HTML 양식 웹 파트에서 텍스트 상자, 드롭다운 목록, 여러 줄 텍스트 상자, 확인란 또는 옵션 단추를 사용할 수 있습니다.

다른 웹 파트에 필드를 연결 하는 방법은 웹 파트 연결을 사용 하 여 다른 웹 파트 정의 된 방식에 따라 다릅니다.

폼에 둘 이상의 요소 (텍스트 상자, 라디오 단추 및 등)을 가질 수, 있지만 필드를 하나만 목록 보기 웹 파트에 연결할 수 있습니다. 그러나 동시에 여러 필드 다른 웹 파트에 연결할 수 있습니다. 예를 들어 텍스트 상자와 옵션 단추 집합이 있는 HTML 양식 웹 파트를 가질 수 있습니다. 텍스트 상자 한 목록 보기 웹 파트 및 다른 옵션 단추에 연결할 수 있습니다. 이동 단추를 클릭할 때 두 목록 보기 웹 파트의 HTML 양식 웹 파트에 입력 된 정보에 따라 필터링 됩니다.

HTML 양식 웹 파트에서 두 개 이상의 필드 해당 웹 파트 여러 매개 변수를 사용할 수 있는 경우 다른 웹 파트에 연결할 수 있습니다. 이 경우 연결을 완료 하기 위해 SharePoint Designer 2010 같은 SharePoint 호환 웹 디자인 프로그램을 할 수 있습니다.

맨 위로 이동

페이지에 웹 파트 추가

페이지를 편집하려면 최소한 사이트의 기본 SharePoint 그룹인 <사이트 이름> 구성원 그룹에 추가될 때 부여되는 사용 권한이 있어야 합니다.

1. 페이지의 리본 메뉴에서 페이지 탭을 클릭한 다음 편집 명령을 클릭합니다.

   

   편집 명령을 사용할 수 없는 경우 페이지 편집 권한이 없는 것일 수 있습니다. 관리자에게 문의하세요.

2. 페이지에서 웹 파트를 추가할 위치를 클릭하고 삽입 탭을 클릭한 다음 웹 파트를 클릭합니다.

   

3. 범주에서 목록 및 라이브러리 등의 범주를 선택하고 공지 사항 등 페이지에 추가할 웹 파트를 선택한 다음 추가를 클릭합니다.

   

4. 웹 파트를 선택하면 웹 파트 정보가 웹 파트 정보에 표시됩니다.

5. 페이지 편집을 완료했으면 페이지 탭을 클릭한 다음 저장 후 닫기를 클릭합니다.

맨 위로 이동

HTML 양식 웹 파트를 다른 웹 파트 연결

HTML 양식 웹 파트를 사용 하려면 연결 하기 목록 보기 웹 파트와 같은 웹 파트 연결을 통해 받는 값의 수 있는 다른 웹 파트입니다. 필터링 할 목록 및 열을 필터링 할 HTML 양식 웹 파트와 같은 페이지에서 웹 파트에 표시 되어야 합니다. HTML 양식 웹 파트 페이지에 추가 하는 방법에 대 한 정보를 페이지에 웹 파트 추가참조 하십시오.

1. 필터링 하려는 웹 파트가 포함 된 페이지로 이동 합니다.

2. 리본 메뉴에서 페이지 탭을 클릭 한 다음 편집 명령을 클릭 합니다.

   편집 명령을 사용할 수 없는 경우 페이지 편집 권한이 없는 것일 수 있습니다. 관리자에게 문의하세요.

3. HTML 양식 웹 파트를 가리키고 아래쪽 화살표를 클릭, 연결 을 클릭 양식 값을 제공할 을 가리킨 다음 연결 하려는 웹 파트의 이름을 클릭 합니다.

4. 연결 선택 대화 상자에서 연결 구성 탭을 클릭 합니다.

5. 연결 유형 메뉴에서 HTML 양식 웹 파트의 정보가 일치 하는 필드를 선택 합니다.

1. 완료 날짜 를 클릭 한 다음 페이지의 맨 위에서 편집 모드 끝내기 클릭 합니다.

기본적으로 수 있는 텍스트 상자에 텍스트를 입력 한 다음 클릭 이동 하거나 ENTER 키를 누릅니다. 다른 웹 파트를 입력 한 텍스트와 일치 하는 데이터만 표시 됩니다. 텍스트 상자를 새 텍스트를 입력할 수 있도록 내용을 지우려면 현재 텍스트를 선택한 다음 삭제 합니다.

맨 위로 이동

HTML 양식 웹 파트를 사용자 지정

원본 편집기 를 HTML 양식 웹 파트 도구창에서 사용할 수 있는 나 SharePoint Designer 2010 같은 SharePoint 호환 웹 디자인 프로그램을 사용 하 여 HTML 양식 웹 파트를 사용자 지정할 수 있습니다. 표준 텍스트 상자 대신 옵션 단추, 확인란, 여러 줄 텍스트 상자 및 목록 상자를 사용할 수 있습니다. 레이블을 추가 하 고 기본값을 할당할 수도 있습니다.

HTML 양식 웹 파트를 사용자 지정 하는 경우 다음 사항에 유의 해야 합니다.

• 하나의 이동 단추 (INPUT 요소 사용) 데이터를 다른 웹 파트로 전달에 사용할 수 있습니다.

• HTML 양식 웹 파트 FORM 요소를 사용합니다. HTML, 본문 및 폼 요소를 포함 하 여 폼 요소 내 특정 HTML 요소를 사용할 수 없습니다.

• 모든 양식 필드 이름은 고유해야 합니다. 각 이름 값은 연결하려는 대상 웹 파트의 해당 열 이름에 연결하는 데 사용됩니다.

양식 웹 파트를 사용자 지정 하려면 텍스트 편집기 대화 상자를 표시 한 다음 수정 하거나 HTML 소스 코드를 추가 하려면 원본 편집기 단추를 사용 합니다.

맨 위로 이동

<div onkeydown="javascript:if (event.keyCode == 13) _SFSUBMIT_">
<input type="text" name="T1"/>
<input type="button" value="Go" onclick="javascript:_SFSUBMIT_"/>
</div>

Region: <input type="text" name="Region" value="India"/>

<input type="button" value="SUBMIT" onclick="javascript:_SFSUBMIT_"/>

<br/>
<a href="http://contoso/SitePages/CustByRegion.aspx">Refresh</a>

<textarea name="Region" rows=5 cols=30></textarea>

<input type="radio" name="Region" value="India"/> India<BR/>
<input type="radio" name="Region" value="USA"/> USA<BR/>
<input type="radio" name="Region" value="Spain"/> Spain<BR/>

<select name="Region">
<option value="India">India</option>
<option value="USA">USA</option>
<option value="Spain"> Spain </option>
</select>

<option value="Spain" selected="selected"> Spain </option>

<input type="checkbox" name="region1" value="India"/> India<BR/>
<input type="checkbox" name="region2" value="USA"/> USA<BR/>
<input type="checkbox" name="region3" value="Spain"/> Spain<BR/>

<input type="checkbox" name="region3" value="Spain" checked="checked"/> Spain<BR/> 

웹 파트의 일반 속성 구성

웹 파트에는 웹 파트의 모양, 레이아웃 및 고급 특성을 제어하는 일반적인 속성 집합이 있습니다. 도구창에서 웹 파트 속성을 변경합니다.

• 도구창의 고급 섹션을 보려면 적절한 권한이 있어야 합니다.

• 특정 웹 파트에 대 한 웹 파트 개발자가 이러한 공통 속성 하나 이상 표시 하지 않도록 선택 또는 수 있는 만들고 모양, 레이아웃, 아래 나열 되지 않은 추가 속성을 표시 하도록 선택 하 고 도구 창의 고급 섹션입니다.

• 일부 권한 및 속성 설정에 따라 웹 파트 속성이 사용할 수 없게 되거나 숨겨질 수 있습니다.