ThingWorx Web Component SDK
In Mashup Builder basieren alle mit Thema versehbaren Widgets mit Ausnahme der Legacy-Widgets "Raster - Erweitert" und "Strukturaster - Erweitert" auf Webkomponenten. Webkomponenten sind benutzerdefinierte Elemente mit gekapselten Funktionen, die die Wiederverwendung von Komponenten in Webseiten erleichtern. Das ThingWorx Web Component SDK ist eine npm-Bibliothek, die eine Sammlung von Webkomponenten enthält, die mit PTC Design System Standards erstellt wurden. Sie können das SDK verwenden, um benutzerdefinierte Komponenten zu entwickeln, die Sie dann mit dem Dienstprogramm ThingWorx Web Component SDK als Widget-Erweiterungen in ThingWorx importieren können. Die SDK-Bibliothek und das Dienstprogramm sind auf der Seite PTC Software-Downloads unter > verfügbar.
 |
PTC empfiehlt, die Version 3 von Lit zu verwenden, um Webkomponenten-Widgets für ThingWorx zu entwickeln. Ältere Frameworks, die in früheren Versionen von ThingWorx wie Polymer verwendet wurden, sind veraltet und werden in einer zukünftigen Version nicht mehr unterstützt. Weitere Informationen dazu finden Sie in der englischen Dokumentation ThingWorx Web Component SDK – Lit.
|
Webkomponenten-Widgets in Mashup Builder
In der folgenden Tabelle werden Mashup Builder-Widgets aufgeführt, die auf Webkomponenten im ThingWorx Web Component SDK basieren.
|
Widget
|
Webkomponente
|
|---|---|
|
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
|