고급 사용자 지정 > 재사용 가능 컴포넌트 사용 > 사용할 수 있는 재사용 가능 컴포넌트 > 속성
  
속성
정의 및 사용
속성 재사용 가능 컴포넌트는 이름-값 쌍을 표시하는 위젯입니다. 이름이 맨 위에 표시되고 값은 그 아래에 표시됩니다. 한 속성이 다른 속성 아래에 있는 수직 스택으로 또는 한 속성이 다른 속성 옆에 있는 열로 속성을 표시할 수 있습니다. 속성 재사용 가능 컴포넌트는 서로 다른 데이터 유형의 데이터 표시를 지원하고 서식 있는 텍스트를 사용합니다.
제목이 있는 그룹에 속성을 표시할 수 있습니다.
다음과 같은 방법으로 속성 재사용 가능 컴포넌트를 구성할 수 있습니다.
속성 그룹의 제목 정의
표시할 속성 정의
속성의 최대 높이 및 너비 설정 지정
속성 이름과 값이 둘 다 포함된 값 표시가 한 줄인지 여러 줄인지 정의
다음은 속성 재사용 가능 컴포넌트를 보여주는 샘플 이미지입니다.
속성 재사용 가능 컴포넌트에 사용할 수 있는 미리 정의된 구성이 없습니다.
바인딩 속성
속성 컴포넌트의 속성 두 가지를 바인딩에 사용할 수 있습니다.
Input - 백 엔드 시스템에서 데이터를 가져와야 하는 입력 ID인 JSON입니다. 이 정보는 CCO(Common Communication Object) 형식으로 제공됩니다. 다음은 샘플입니다.
{
"version":"1.0.0",
"data":[
{
"adapter":{
"thingName":"PTC.WCAdapter",
"instanceName":"windchill"
},
"itemListsData":[
{
"objectType":"PTC.ChangeMgmt.ChangeRequest",
"items":[
{
"id":{
"value":"OR:wt.change2.WTChangeRequest2:439476"
}
}
]
}
]
}
]
}
TailoringName - 컴포넌트의 인스턴스 이름인 문자열입니다. 이는 수정과 밀접하게 결합됩니다. TailoringName은 각 컴포넌트에 대해 저장된 수정 정보를 가져오는 데 사용됩니다.
구성 필드
다음 표에는 이 컴포넌트를 구성하는 데 사용되는 JSON 필드가 나와 있습니다.
속성 이름
설명
유형
기본값
필수 사항 또는 선택 사항
attributes
백 엔드 시스템에서 데이터가 예상되는 속성 이름입니다. 다음 하위 속성을 참조하십시오.
MultiValueSetsSelector
해당 없음
필수 사항
id
백 엔드 시스템에 있는 속성의 속성-이름 식별자입니다.
문자열
해당 없음
필수 사항
ordinal
컴포넌트에 속성이 표시되는 순서입니다. 0은 맨 왼쪽 위 위치를 나타냅니다.
정수
해당 없음
선택 사항
objectType
속성을 가져올 객체 유형입니다.
문자열
해당 없음
필수 사항
name
속성 그룹의 이름입니다.
문자열
해당 없음
필수 사항
adapter
백 엔드 시스템에 대한 소스 구성입니다. 다음 하위 속성을 참조하십시오.
JSON
해당 없음
필수 사항
instanceName
백 엔드 시스템에 연결하는 데 사용할 커넥터를 의미하는 커넥터 인스턴스입니다.
문자열
해당 없음
필수 사항
thingName
데이터를 검색할 백 엔드 시스템 또는 어댑터의 이름입니다.
문자열
해당 없음
필수 사항
inTailoring
수정 페이지에서 속성 컴포넌트를 수정할 수 있는지 여부입니다. 옵션은 true, false입니다.
부울
false
선택 사항
isMultiLine
다음 하위 속성을 참조하십시오.
해당 없음
해당 없음
선택 사항
value
true로 설정하면 콘텐츠 값이 줄 바꿈됩니다. 또한 콘텐츠가 maxHeight 속성 값을 초과하면 "자세히 표시/간단히 표시" 링크가 보입니다.
false로 설정하면 텍스트가 줄 바꿈되지 않고 줄임표와 함께 표시됩니다.
옵션은 true, false입니다.
부울
true
필수 사항
version
구성 버전입니다.
문자열
1.0.0
선택 사항
maxHeight
다음 하위 속성을 참조하십시오.
해당 없음
해당 없음
isMultiLine 아래의 값 속성이 true로 설정된 경우에만 필수 사항입니다.
value
ptcs-value-display의 최대 높이이며 속성 이름과 값의 높이를 사용자 인터페이스에 포함합니다.
정수
200
isMultiLine 아래의 값 속성이 true로 설정된 경우에만 필수 사항입니다.
version
구성 버전입니다.
문자열
1.0.0
선택 사항
isColumns
다음 하위 속성을 참조하십시오.
해당 없음
해당 없음
선택 사항
value
true로 설정하면 속성 이름-값 쌍이 사용자 인터페이스에서 열 형식 또는 하나가 다른 하나 옆에 수평으로 스택된 형식으로 표시됩니다.
false로 설정하면 속성 키-값 쌍이 사용자 인터페이스에 단일 열 또는 하나가 다른 하나 아래에 수직으로 스택된 형식으로 표시됩니다.
옵션은 true, false입니다.
부울
false
필수 사항
version
구성 버전입니다.
문자열
1.0.0
선택 사항
maxWidth
다음 하위 속성을 참조하십시오.
해당 없음
해당 없음
isColumns 속성이 true로 설정된 경우에만 필수 사항입니다.
value
사용자 인터페이스의 속성 값에 대한 최대 너비입니다.
정수
300
isColumns 속성이 true로 설정된 경우에만 필수 사항입니다.
version
구성 버전입니다.
문자열
1.0.0
선택 사항
modelThing
다음 하위 속성을 참조하십시오.
해당 없음
해당 없음
필수 사항
entityName
데이터를 가져오는 모델 사물의 이름입니다.
문자열
PTC.Attrib utePanelModelThing
필수 사항
version
구성 버전입니다.
문자열
1.0.0
선택 사항
샘플 구성
{
"maxHeight": {
"version": "1.0.0",
"value": 200
},
"maxWidth": {
"version": "1.0.0",
"value": 300
},
"attributes": {
"sets": [
{
"data": {
"selectedValues": {
"data": [
{
"itemListsData": [
{
"items": [
{
"id": "ProposedSolution",
"ordinal": 0
},
{
"id": "RecurringCost",
"ordinal": 1
}
],
"objectType": "PTC.ChangeMgmt.ChangeRequest"
}
],
"adapter": {
"instanceName": "windchill",
"thingName": "PTC.WCAdapter"
}
}
]
},
"version": "1.0.0",
"inTailoring": true
},
"name": "Additional Attributes"
}
],
"inTailoring": true,
"version": "1.0.0"
},
"isMultiLine": {
"version": "1.0.0",
"value": true
},
"modelThing": {
"entityName": "PTC.AttributePanelModelThing",
"version": "1.0.0"
},
"isColumns": {
"value": false,
"version": "1.0.0"
}
}