SDK для веб-компонентов ThingWorx
В Mashup Builder все виджеты с поддержкой тем, кроме унаследованной сетки (расширенная) и сетки дерева (расширенная), основаны на веб-компонентах. Веб-компоненты - это пользовательские элементы со встроенными функциональными возможностями, упрощающими повторное использование компонентов на веб-страницах. SDK веб-компонентов ThingWorx является библиотекой NPM, содержащей набор веб-компонентов, созданных с использованием стандартов PTC Design System. С помощью SDK можно разработать пользовательские компоненты, которые затем можно импортировать в ThingWorx как расширения виджета с помощью утилиты SDK веб-компонентов ThingWorx. Библиотека и утилита SDK доступны на странице PTC Software Downloads > .
Дополнительные сведения о пакете SDK для веб-компонентов см. в справочном центре SDK:
• В ThingWorx 9.4 или более поздней версии библиотека SDK использует платформу Lit, которая заменяет наследованную платформу Polymer. Дополнительные сведения см. в документации по SDK веб-компонентов - Lit.
 |
PTC рекомендует использовать Lit для разработки новых компонентов.
|
• В предыдущих версиях ThingWorx пакет SDK веб-компонентов основывался на платформе веб-компонентов Polymer. Дополнительные сведения см. в документации по SDK веб-компонентов - Polymer.
Виджеты веб-компонентов в Mashup Builder
В следующей таблице перечислены виджеты Mashup Builder, основанные на веб-компонентах, в пакете SDK веб-компонентов ThingWorx.
|
Виджет
|
Веб-компонент
|
|---|---|
|
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
|