ThingWorx Web Component SDK
Dans Mashup Builder, tous les widgets thématisables, à l'exception de la grille (avancée) héritée et de la grille d'arborescence (avancée), sont basés sur des composants Web. Les composants Web sont des éléments personnalisés dotés de fonctionnalités encapsulées qui facilitent la réutilisation de composants dans des pages Web. Le ThingWorx Web Component SDK est une bibliothèque npm qui contient une collection de composants Web créés selon les normes du système de conception PTC. Vous pouvez utiliser le SDK pour développer des composants personnalisés à importer ensuite dans ThingWorx en tant qu'extensions de widget à l'aide de l'utilitaire ThingWorx Web Component SDK. La bibliothèque et l'utilitaire du SDK sont disponibles sur la page des téléchargements de logiciels de PTC sous > .
Pour plus d'informations sur le Web Component SDK, consultez le Centre d'aide du SDK :
• Dans ThingWorx 9.4 ou version ultérieure, la bibliothèque du SDK utilise l'infrastructure Lit, qui remplace l'ancienne infrastructure Polymer. Pour plus d'informations, reportez-vous à Web Component SDK Documentation - Lit (en anglais).
 |
PTC recommande d'utiliser Lit pour développer de nouveaux composants.
|
• Dans les versions antérieures de ThingWorx, le Web Component SDK reposait sur l'infrastructure de composants Web Polymer. Pour plus d'informations, reportez-vous à Web Component SDK Documentation - Polymer.
Widgets de composant Web dans Mashup Builder
Le tableau ci-après répertorie les widgets Mashup Builder basés sur des composants Web dans le ThingWorx Web Component SDK.
|
Widget
|
Composant Web
|
|---|---|
|
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
|