구성 서비스 작업
고급 그리드 또는 고급 트리 그리드를 동적으로 구성하려면 다음 단계를 따르십시오.
1. ThingWorx Composer에서는 결과를 JSON 객체로 출력하는 JavaScript 구성 서비스를 작성합니다.
2. 그리드를 만들고 있는 Mashup Builder에서는 오른쪽 패널에 구성 서비스를 다른 엔티티로 추가합니다.
3. 오른쪽 패널에 있는 구성 엔티티의 반환된 데이터/모든 데이터 아래에서 결과를 그리드로 끌고 Configuration 속성에 바인딩합니다.
 |
구성 서비스를 그리드로 바인딩하면 Mashup Builder 패널에 있는 대부분의 속성이 표시되지 않습니다. 구성 서비스의 바인딩이 해제되면 다른 속성이 다시 표시됩니다.
|
4. 완료된 매쉬업을 저장하고 확인합니다.
구성 서비스 스크립트 작성
다음과 같은 방법으로 구성 스크립트를 작성할 수 있습니다.
• Composer에서 사물에 대한 새 서비스를 만들고 원래 JavaScript를 작성합니다. 코드 조각 및 다른 유용한 바로 가기 키가 있는 여러 탭이 사용 가능합니다.
• 원하는 텍스트 편집기에서 JavaScript 서비스를 작성하고 이를 복사하여 Composer의 사물에 있는 서비스의 스크립트 창에 붙여 넣습니다.
• 샘플 구성 서비스 중 하나를 수정합니다. 샘플 서비스 작업을 수행하려면 ThingWorx Foundation 아래의 PTC 소프트웨어 다운로드 페이지에 있는 샘플 파일을 저장하고 가져옵니다. 자세한 내용은 고급 그리드 샘플 파일을 참조하십시오.
ThingWorx Composer에서 가져온 샘플 구성 서비스 중 하나로 작업하려면 다음 단계를 수행하십시오.
1. Composer에서 모델링/사물을 찾아 사물 GridAdvancedExampleServices를 엽니다.
2. 왼쪽 패널에서 서비스를 클릭합니다. 그러면 사용 가능한 샘플 서비스가 오른쪽에 표시됩니다.
3. 구성 서비스 중 하나를 선택하고 편집을 클릭하여 스크립트 창을 확인합니다.
4. 보기 쉽도록 전체 화면을 클릭합니다.
5. 스크립트를 수정하고 저장합니다. 자세한 내용은 다음 "구성 서비스 매개 변수" 단원을 참조하십시오.
구성 서비스 매개 변수
구성 서비스에 대한 스크립트에는 다음과 같은 매개 변수 섹션이 포함되어 있습니다.
• 열 - 열 머리글, 다중 열 정렬 순서 등 그리드의 열을 정의하는 일부 추가 속성 및 열 정의를 포함합니다.
대부분의 열 정의 속성은 Mashup Builder에서 사용할 수 있는 해당 속성과 쉽게 일치합니다. 그러나 다음과 같은 열 정의 속성은 그리드에 대한 데이터 소스가 데이터 셰이프에 연결되어 있을 때 Mashup Builder에서만 사용할 수 있습니다. 그리드 열 구성 대화 상자의 유사 옵션에 해당하는 속성은 다음과 같습니다.
◦ hidden - 특정 그리드 열을 초기에 표시하거나 보기에서 숨길지 여부를 정의합니다. 최종 사용자는 열 머리글을 마우스 오른쪽 버튼으로 클릭하여 런타임에 열 표시를 숨기거나 나타낼 수 있습니다. Mashup Builder 그리드 열 구성의 표시 속성에 해당합니다.
◦ inLayout - 최종 사용자가 특정 그리드 열을 볼 수 있는지 여부를 정의합니다. false로 설정하면 최종 사용자가 열을 볼 수 없으며 해당 모양을 제어할 수 없습니다. 그러나 열에 있는 데이터는 상태 서식 적용에 계속 사용될 수 있습니다. Mashup Builder 그리드 열 구성의 Exclude 속성에 해당합니다.
| | 다음과 같이 이중 대괄호로 로컬리제이션 토큰을 배치하여 JSON 스크립트의 열 머리글 제목을 로컬리제이션할 수 있습니다. 런타임에 토큰화된 값이 변환됩니다. |
토큰화된 머리글을 사용하지만 토큰이 아직 ThingWorx에 존재하지 않는 경우 런타임에 ???가 열 머리글에 표시됩니다. ThingWorx에서 토큰을 시스템 -> 로컬리제이션 테이블로 이동하고 기본값 테이블의 로컬리제이션 토큰 목록으로 작업합니다. 기본 테이블에 새 토큰을 추가하려면 GridAdvancedExamplesServices 사물의 일부로 제공된 AddLocalizationToken 서비스를 사용합니다.
• 행 - 기본 행 선택, 행 높이, 행 기반 상태 서식 적용 동작과 같은 행 속성입니다.
• 스타일 - 배경색, 테두리 스타일, 글꼴, 상태별 스타일 등 그리드 모양을 제어하는 선택적 스타일 정의입니다.
• 글꼴 속성의 제어는 서비스로 구성할 때에만 사용 가능합니다. 글꼴 선택은 Mashup Builder에서 사용할 수 있는 속성이 아닙니다.
| | 글꼴 속성의 제어는 서비스로 구성할 때에만 사용 가능합니다. 글꼴 선택은 Mashup Builder에서 사용할 수 있는 속성이 아닙니다. |
• 검색 - 글로벌 검색이 있는지 여부를 정의하고 그리드에서 검색 상자를 찾습니다.
• resetButton - 그리드 재설정 옵션이 있는지 정의하고 그리드에 재설정된 위치를 제공합니다.