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