속성 또는 요소에 데이터 바인딩

속성 패널을 사용하여 데이터 바인딩

1. 아트보드에서 바인딩을 만들 레이아웃 요소를 클릭합니다. 데이터 원본의 데이터가 이 요소로 이동합니다.

2. 속성 패널에서 바인딩 대상으로 사용할 속성(데이터를 보유할 특정 속성) 옆에 있는 고급 속성 옵션 단추를 클릭합니다.

3. 팝업 메뉴에서 데이터 바인딩을 클릭합니다.

4. 데이터 바인딩 만들기 대화 상자에서 다음 작업 중 하나를 수행합니다.

   • 데이터 원본의 필드에 바인딩하려면 대화 상자의 맨 위에 있는 데이터 필드 단추를 클릭합니다. 현재 문서에 사용할 수 있는 모든 데이터 원본이 대화 상자의 왼쪽에 있는 목록에 표시됩니다. 목록에서 데이터 원본을 변경하면 선택한 데이터 원본에 대한 모든 데이터 필드가 오른쪽의 목록에 표시됩니다. 목록에서 바인딩 원본으로 사용할 데이터 필드를 선택한 다음 마침을 클릭합니다.

   • 레이아웃 요소의 두 속성을 함께 바인딩하려면 대화 상자의 맨 위에 있는 요소 속성 단추를 클릭합니다. 현재 문서에 사용할 수 있는 모든 요소가 대화 상자의 왼쪽에 있는 목록에 표시됩니다. 목록에서 요소를 변경하면 선택한 요소의 속성이 오른쪽의 목록에 표시됩니다. 오른쪽의 목록에서 바인딩 원본으로 사용할 속성을 선택한 다음 마침을 클릭합니다.

     [!참고]

     Silverlight 2에서는 요소 간 바인딩을 사용할 수 없습니다.

   • 바인딩하려는 요소에 대해 데이터 컨텍스트가 정의된 경우 명시적 데이터 컨텍스트에 바인딩하려면 대화 상자의 맨 위에 있는 명시적 데이터 컨텍스트 단추를 클릭합니다. 현재 데이터 컨텍스트에 사용할 수 있는 모든 필드를 보여 주는 하나의 목록이 나타납니다. 바인딩의 원본으로 사용할 데이터 필드를 선택한 다음 마침을 클릭합니다.

맨 위로 이동

프로젝트 패널에서 필드를 끌어 데이터 바인딩

1. 프로젝트 패널의 데이터에서 바인딩할 데이터 원본 필드를 클릭한 다음 아트보드로 끕니다. 아트보드의 빈 부분으로 데이터 원본 필드를 끌거나 기존 레이아웃 요소 안에 넣을 수 있습니다.

2. 원하는 위치로 데이터 필드를 끌면 팝업 메뉴가 열리고 데이터를 나타내기 위해 만들 컨트롤 형식을 선택하라는 메시지가 표시됩니다. 기존 요소 위로 데이터 원본 필드를 끌면 해당 요소에 데이터를 바인딩할 수 있는 옵션도 제공됩니다.

3. 데이터에 사용할 컨트롤 형식을 선택하면 아트보드에 새 컨트롤이 표시됩니다. 그러면 해당 컨트롤에서 데이터를 바인딩할 속성을 선택하라는 메시지가 표시됩니다. 속성을 선택한 다음 확인을 클릭합니다.

[!참고]

기본적으로 현재 컨트롤 형식에 가장 적합한 속성이 자동으로 선택되므로 대부분의 경우 확인을 클릭하여 선택 내용을 확인하기만 하면 됩니다.

맨 위로 이동

참조

개념

실습 정보: 값 변환기 만들기 및 적용