ThingWorx 웹 구성 요소 SDK
Mashup Builder에서 레거시 그리드(고급) 및 트리 그리드(고급)를 제외한 모든 테마 적용 가능 위젯은 웹 구성 요소를 기반으로 합니다. 웹 구성 요소는 웹 페이지에서 구성 요소를 더 쉽게 재사용할 수 있도록 기능이 캡슐화된 사용자 정의 요소입니다. ThingWorx Web Component SDK는 PTC 설계 시스템 표준을 사용하여 생성된 웹 구성 요소 컬렉션이 포함된 npm 라이브러리입니다. SDK를 사용하여 사용자 정의 구성 요소를 개발한 다음 ThingWorx Web Component SDK Utility를 사용하여 위젯 확장으로 ThingWorx에 가져올 수 있습니다. SDK 라이브러리 및 유틸리티는 > 아래의 PTC 소프트웨어 다운로드 페이지에서 제공됩니다.
웹 구성 요소 SDK에 대한 자세한 내용은 SDK 도움말 센터를 참조하십시오.
• ThingWorx 9.4 이상에서 SDK 라이브러리는 레거시 Polymer 프레임워크를 대체하는 Lit 프레임워크를 사용합니다. 자세한 내용은 웹 구성 요소 SDK 설명서 - Lit를 참조하십시오.
 |
PTC에서는 Lit를 사용하여 새 구성 요소를 개발할 것을 권장합니다.
|
• 이전 버전의 ThingWorx에서는 웹 구성 요소 SDK가 Polymer 웹 구성 요소 프레임워크를 기반으로 합니다. 자세한 내용은 웹 구성 요소 SDK 설명서 - Polymer를 참조하십시오.
Mashup Builder의 웹 구성 요소 위젯
다음 표에는 ThingWorx Web Component SDK의 웹 구성 요소를 기반으로 하는 Mashup Builder 위젯이 나열되어 있습니다.
|
위젯
|
웹 구성 요소
|
|---|---|
|
ptcs-chart-bar
|
|
|
ptcs-breadcrumb
|
|
|
ptcs-button
|
|
|
ptcs-checkbox
|
|
|
ptcs-chip-data-filter
|
|
|
ptcs-chart-combo
|
|
|
ptcs-datepicker
|
|
|
ptcs-divider
|
|
|
ptcs-dropdown
|
|
|
ptcs-dynamic-panel
|
|
|
ptcs-file-upload
|
|
|
ptcs-grid
|
|
|
ptcs-icon
|
|
|
ptcs-image
|
|
|
ptcs-label
|
|
|
ptcs-line
|
|
|
ptcs-link
|
|
|
ptcs-list-shuttle
|
|
|
ptcs-list
|
|
|
ptcs-pagination
|
|
|
ptcs-chart-pareto
|
|
|
ptcs-chart-pie
|
|
|
ptcs-property-display
|
|
|
ptcs-radio-button
|
|
|
ptcs-chart-schedule
|
|
|
ptcs-slider
|
|
|
ptcs-tabs
|
|
|
ptcs-textarea
|
|
|
ptcs-textfield
|
|
|
ptcs-toggle-button
|
|
|
ptcs-toolbar
|
|
|
ptcs-value-display
|
|
|
ptcs-chart-waterfall
|