열 렌더러 및 형식
다음 표에는 고급 그리드에서 지원하는 각 렌더러에 대한 다음 정보가 나와 있습니다.
• 각 렌더러에 대해 선택하거나 지정할 수 있는 지원되는 형식입니다.
• 그리드 편집이 활성화되어 있을 때 렌더러 유형이 실행 시간에 편집을 지원하는지 여부입니다. 실행 시간 편집은 사용자로부터 입력을 읽어들이는 데 사용됩니다.
• 일부 렌더러에 대한 기능과 관련된 추가 메모입니다.
|
렌더러 유형
|
형식
|
실행 시간 편집
|
메모
|
||
|---|---|---|---|---|---|
|
기본값
|
해당 없음
|
해당 없음
|
가능하면 데이터를 문자열로 렌더링합니다.
|
||
|
Number
|
사용할 형식을 포함하는 문자열을 선택하거나 입력합니다.
|
예
|
JSON 구성 서비스 - 형식은 %와 $를 모두 지원합니다.
Mashup Builder – 형식은 $만 지원합니다.
둘 다 소수를 지원합니다.
|
||
|
Long
|
사용할 형식을 포함하는 문자열을 선택하거나 입력합니다.
|
예
|
JSON 구성 서비스 - 형식은 %와 $를 모두 지원합니다.
Mashup Builder – 형식은 $만 지원합니다.
둘 다 소수를 지원합니다.
|
||
|
HTML
|
• raw – 실제 HTML이 그리드 셀에 표시됩니다.
• format – HTML이 표시를 위해 브라우저에서 인코딩되고, XSS 정화되고, 해석됩니다.
• unsanitized – HTML이 표시를 위해 브라우저에서 해석되기 전에 인코딩되지만 XSS 정화되지는 않습니다.
|
예
|
왼쪽 열에 나열된 형식 옵션은 JSON 사용을 위한 것입니다. Mashup Builder에서 이러한 옵션에는 다음과 같은 레이블이 붙습니다.
• 원시(서식 적용 없음)
• 서식 적용
• 서식 적용, 정화 안 됨(안전하지 않음)
|
||
|
하이퍼링크
|
• _blank – 탐색 대상은 새 창 또는 브라우저 탭(브라우저에 따라 다름)입니다.
• _self - 탐색 대상이 현재 창 또는 탭입니다.
• _parent - 탐색 대상이 iframe의 상위입니다.
• _top - 탐색 대상이 최상위 프레임입니다.
|
예
|
하이퍼링크 렌더러를 선택하면 링크 텍스트 열도 사용할 수 있습니다. 링크로 표시할 텍스트를 입력합니다.
다음은 하이퍼링크 열을 구성하는 JSON 예제입니다.
“columnFormatter”: {
“type”: “hyperlink”,
“format”: “_blank”,
“params”: {
“textFormat”: “Click here!”
}
}
|
||
|
Imagelink
|
ThingWorx 저장소에 있는 이미지 파일의 경로입니다.
• image – 이미지를 실제 크기로 표시합니다.
• scaledtowidth - 이미지를 열 너비에 맞게 배율 조정합니다.
• scaledtoheight - 이미지를 행 높이에 맞게 배율 조정합니다.
• hyperlink - 클릭하면 이미지가 표시되는 링크를 표시합니다.
|
예
|
|||
|
String
|
• full – 전체 텍스트 문자열을 표시합니다.
• notext - 텍스트를 표시하지 않습니다.
• limitN – 텍스트를 첫 N자만 표시하도록 제한합니다. 데이터 오버플로 옵션을 사용하는 경우에는 일반적으로 제한이 필요하지 않습니다.
|
예
|
|||
|
Boolean
|
• checkbox - 그리드 셀의 보기 전용 확인란을 표시합니다.
• text – true 또는 false와 같은 텍스트 옵션을 표시합니다.
• notext - 데이터를 표시하지 않습니다. 상태 서식 적용에만 사용합니다.
|
예
|
|||
|
Datetime
|
MomentJS 및 jdate 형식 사용에 대한 자세한 내용을 확인하려면 오른쪽에 있는 링크를 따라가십시오.
|
예
|
자세한 내용은 다음을 참조하십시오.
|
||
|
Integer
|
사용할 형식을 포함하는 문자열을 선택하거나 입력합니다.
|
예
|
JSON 구성 서비스 - 형식은 %와 $를 모두 지원합니다.
Mashup Builder – 형식은 $만 지원합니다.
Integer는 소수를 지원하지 않습니다.
|
||
|
Location
|
위치를 식별하는 위도, 경도 또는 고도 형식을 포함하는 문자열을 선택하거나 입력합니다. 형식 문자열을 사용하여 위도, 경도 및 고도 값의 소수점 자릿수를 자를 수 있습니다. 잘릴 경우 값이 반올림됩니다. 고도 값이 포함되지 않으면 출력 문자열에서 생략됩니다.
|
예
|
상태 정의를 사용하여 위치와 함께 아이콘을 표시할 수 있습니다. 위치 문자열의 값에 따라 아이콘을 표시할 시기를 정의하는 상태를 구성합니다.
다음은 위치 열을 구성하는 JSON 예제입니다.
“columnFormatter”: {
“type”: “location”,
“format”: “0.000000”,
}
}
|
||
|
Image
|
• image – 이미지를 실제 크기로 표시합니다.
• scaledtowidth - 이미지를 열 너비에 맞게 배율 조정합니다.
• scaledtoheight - 이미지를 행 높이에 맞게 배율 조정합니다.
• hyperlink - 클릭하면 이미지가 표시되는 링크를 표시합니다.
|
아니요
|
IMAGE 렌더러는 실행 시간 편집을 지원하지 않으며 사용자는 이미지 변경 사항을 사용자의 입력으로 읽어들일 수 없습니다. 이미지 편집을 활성화하려면 IMAGELINK 렌더러를 사용하고 인포테이블 열에 ThingWorx 저장소의 이미지에 대한 링크가 포함되어 있는지 확인합니다.
|
||
|
Infotable
|
서비스 결과 또는 사물에 대한 속성 집합을 저장하는 데 사용되는 ThingWorx 데이터 구조에 서식을 적용합니다.
|
아니요
|
|||
|
JSON
|
JSON(JavaScript Object Notation) 객체를 포함하는 데이터에 서식을 적용합니다.
|
아니요
|
|||
|
매쉬업
|
ThingWorx 매쉬업에 대한 참조에 서식을 적용합니다.
• 텍스트만 - 엔티티 이름을 텍스트로 표시합니다.
• _blank – 탐색 대상은 새 창 또는 브라우저 탭(브라우저에 따라 다름)입니다.
• _self - 탐색 대상이 현재 창 또는 탭입니다.
• _parent - 탐색 대상이 iframe의 상위입니다.
• _top - 탐색 대상이 최상위 프레임입니다.
|
아니요
|
|||
|
암호
|
문자를 마스킹하여 데이터 값에 서식을 적용합니다. 중요한 정보를 숨길 때 사용합니다.
|
아니요
|
|||
|
태그
|
모델 엔티티의 태그에 서식을 적용합니다.
태그 유형 및 서식 적용 데이터 유형(모델 또는 일반)
데이터 태그
모델 태그
하이퍼링크 없음
|
아니요
|
|||
|
Thingcode
|
도메인 ID 및 인스턴스 ID를 포함하는 사물의 숫자 표현에 서식을 적용합니다.
|
예
|
|||
|
• Thingname
• 사물 형태
• Thingtemplatename
• 사용자 이름
|
엔티티 이름에 대한 참조에 서식을 적용하는 방법을 선택할 수 있습니다. 일반 텍스트 또는 링크를 표시할 수 있습니다.
• 텍스트만 - 엔티티 이름을 텍스트로 표시합니다.
• _blank – 탐색 대상은 새 창 또는 브라우저 탭(브라우저에 따라 다름)입니다.
• _self - 탐색 대상이 현재 창 또는 탭입니다.
• _parent - 탐색 대상이 iframe의 상위입니다.
• _top - 탐색 대상이 최상위 프레임입니다.
|
아니요
|
|||
|
• VEC2
• VEC3
• VEC4
|
x, y, z 및 w 변수로 모델링된 2개, 3개 또는 4개의 10진수 값이 있는 벡터 기본 유형에 서식을 적용합니다.
|
예
|
|||
|
XML
|
XML 데이터에 서식을 적용합니다.
|
아니요
|
 |
• 동적 데이터 셰이프를 사용하는 렌더링은 동적 구성을 제공할 때 지원됩니다. 동적 데이터 셰이프를 사용하여 고급 그리드의 데이터를 채우면 값을 예상대로 렌더링하는 구성을 런타임에 제공합니다. 구성은 고급 그리드의 Configuration에 바인딩된 서비스를 사용하여 제공될 수 있습니다. 이 서비스는 데이터 셰이프 이름을 기반으로 데이터를 제공하는 서비스와 유사합니다.
|