열 렌더러 및 형식
다음 표에는 그리드 위젯에 사용할 수 있는 열 렌더러 유형이 나열되어 있으며 해당 형식 및 일부 기타 메모와 함께 제공됩니다.
|
렌더러 유형
|
형식
|
메모
|
||
|---|---|---|---|---|
|
기본값
|
해당 없음
|
가능하면 데이터를 문자열로 렌더링합니다.
|
||
|
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
|
• 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, ThingCode, Vec2, Vec3, Vec4 및 Infotable 기본 유형을 렌더링하고 편집할 수 있습니다.
• 동적 데이터 셰이프를 사용하는 렌더링은 동적 구성을 제공할 때 지원됩니다. 동적 데이터 셰이프를 사용하여 고급 그리드의 데이터를 채우면 값을 예상대로 렌더링하는 구성을 런타임에 제공합니다. 구성은 고급 그리드의 Configuration에 바인딩된 서비스를 사용하여 제공될 수 있습니다. 이 서비스는 데이터 셰이프 이름을 기반으로 데이터를 제공하는 서비스와 유사합니다.
|