ThingWorx Web Component SDK
En Mashup Builder, todos los widgets con temas, excepto la cuadrícula (avanzada) y la cuadrícula de árbol heredada (avanzada) se basan en componentes web. Los componentes web son elementos personalizados con funcionalidad encapsulada que facilitan la reutilización de componentes en páginas web. ThingWorx Web Component SDK es una biblioteca npm que contiene una colección de componentes web creados utilizando los estándares del sistema de diseño de PTC. Se puede utilizar el SDK para desarrollar componentes personalizados que luego se podrán importar en ThingWorx como extensiones de widget mediante la utilidad del SDK de componentes web de ThingWorx. La biblioteca y la utilidad de SDK están disponibles en la página Descargas de software de PTC en > .
Para obtener más información sobre el SDK de componentes web, consulte el centro de ayuda de SDK:
• En ThingWorx versión 9.4 o posterior, la biblioteca de SDK utiliza la estructura Lit, que reemplaza la estructura heredada de polímero. Para obtener más información, consulte la documentación de Web Component SDK - Lit.
 |
PTC recomienda utilizar Lit para desarrollar nuevos componentes.
|
• En versiones anteriores de ThingWorx, el componente web SDK se basa en el marco de componentes web de polímero. Para obtener más información, consulte la documentación de Web Component SDK - Polímero.
Widgets de componente web en Mashup Builder
En la siguiente tabla se muestran widgets de Mashup Builder que se basan en componentes web en ThingWorx Web Component SDK.
|
Widget
|
Componente 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
|