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.
Weitere Informationen zum Web Component SDK finden Sie im SDK Hilfe-Center:
• Ab ThingWorx 9.4 verwendet die SDK-Bibliothek das Lit-Framework, das das Legacy-Polymer-Framework ersetzt. Weitere Informationen dazu finden Sie in der englischen Dokumentation ThingWorx Web Component SDK – Lit.
 |
PTC empfiehlt, Lit zur Entwicklung neuer Komponenten zu verwenden.
|
• In früheren Versionen von ThingWorx basierte das Web Component SDK auf dem Polymer-Webkomponenten-Framework. Weitere Informationen dazu finden Sie unter Web Component SDK Documentation – Polymer (auf Englisch).
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
|