ThingWorx Web Component SDK
Mashup Builder では、レガシーグリッド (アドバンス) とツリーグリッド (アドバンス) を除くすべてのテーマ指定可能なウィジェットは Web コンポーネントに基づいています。Web コンポーネントは、Web ページ内のコンポーネントの再利用を容易にするカプセル化された機能を備えたカスタムエレメントです。ThingWorx Web Component SDK は npm ライブラリであり、PTC 設計システムの標準を使用して作成された Web コンポーネントのコレクションが含まれています。SDK を使用してカスタムコンポーネントを開発し、ThingWorx Web Component SDK ユーティリティを使用してウィジェット拡張機能として ThingWorx にインポートできます。SDK ライブラリとユーティリティは、「PTC ソフトウェアのダウンロード」ページの > にあります。
 |
ThingWorx 用 Web コンポーネントウィジェットの開発には Lit バージョン 3 を使用することをお勧めします。以前のバージョンの ThingWorx で使用されている Polymer などの古いフレームワークは廃止予定であり、サポートは今後のリリースで除去されます。詳細については、Web Component SDK のドキュメント - Lit を参照してください。
|
Mashup Builder 内の Web コンポーネントウィジェット
以下の表に、ThingWorx Web Component SDK の Web コンポーネントに基づく Mashup Builder ウィジェットを示します。
|
ウィジェット
|
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
|