組み込みマッシュアップの作成
レスポンシブマッシュアップに基づいたアプリケーションを作成する場合、アプリケーション全体を小さな再使用可能なコンポーネントに分割することをお勧めします。再使用可能なコンポーネントは、さまざまな用途に使用可能なウィジェットのグループです。組み込みマッシュアップウィジェットを使用して、レイアウト内のコンテナにマッシュアップを追加できます。再使用可能なマッシュアップでは以下を行えます。
• 親マッシュアップ内のバインドの数を減らして、より単純なマッシュアップ構造を作成する。これにより、アプリケーションの問題が解決しやすくなります。
• マッシュアップを複数のセクションに分割して、複数の開発者が同じアプリケーションの作業を行えるようにする。
• 単純なマッシュアップを再使用することで、複雑なマッシュアップをより速やかに構築する。
詳細については、
組み込みマッシュアップウィジェットを参照してください。
親マッシュアップ内で組み込みマッシュアップを設定できます。例として、ThingWorx 内の監査データをクエリーするときに使用されるマッシュアップアプリケーションについて考えます。単一のマッシュアップを作成する代わりに、アプリケーションを複数のマッシュアップに分割し、再使用可能なコンポーネントを使用して構築できます。
• 最上位セクションには、サーチのナビゲーションオプションのウィジェット、ボタンウィジェット、および入力ウィジェットがあります。
• サーチセクションでは、クエリーサービスから返されたデータがグリッドに表示されます。
• ビジュアリゼーションセクションには、グリッドのデータがさまざまなチャートに表示されます。
組み込みマッシュアップの追加
1. 既存のマッシュアップを開いて編集するか、新規マッシュアップを作成します。
2. 「レイアウト」パネルで、親マッシュアップにコンテナを追加します。
3. 「ウィジェット」パネルからコンテナに組み込みマッシュアップウィジェットをドラッグします。
4. 次のいずれかの方法で、ウィジェットに表示するマッシュアップを選択します。
◦ 「プロパティ」パネルで、Name プロパティとしてマッシュアップを選択します。
◦ 「マッシュアップ」パネルからキャンバス上のウィジェットにマッシュアップをドラッグします。
5. 「保存」をクリックし、「マッシュアップを表示」をクリックします。ランタイムに現在のマッシュアップ内に組み込みマッシュアップが表示されます。
組み込みマッシュアップを追加した後、マッシュアップパラメータを使用して、組み込みマッシュアップとの間でデータとイベントをバインドできます。詳細については、
マッシュアップパラメータの設定を参照してください。
組み込みマッシュアップのレイアウトの設定
組み込みマッシュアップをレイアウトに追加すると、そのマッシュアップはウィジェットコンテナの寸法に従って表示されます。組み込みマッシュアップの寸法がコンテナで使用可能なスペースを超えている場合、スクロールバーが表示されます。これにより、複数の組み込みマッシュアップがある場合に操作性に問題が生じる可能性があります。1 つ以上の組み込みマッシュアップがそのコンテナで使用可能なスペースを超えている場合、親マッシュアップに複数のスクロールバーが表示されることがあります。組み込みマッシュアップのコンテンツが収まるようにこれらのコンテナを拡張できます。コンテナを拡張して組み込みマッシュアップ内のコンテンツ全体を表示するには、組み込みマッシュアップウィジェットのプロパティ ResizeToContent を使用します。
親マッシュアップでコンテナを拡張するには、次の手順を実行します。
1. 組み込みマッシュアップウィジェットが含まれている親マッシュアップを開きます。
2. 「エクスプローラ」パネルで、組み込みマッシュアップウィジェットが含まれているコンテナを選択します。
3. 「レイアウト」パネルの「アドバンス」で、「縮小比」ボックスを 0 に設定します。
4. レイアウト内のその他のコンテナに対して前の手順を繰り返します。これにより、組み込みマッシュアップのコンテナによってレイアウト内のすべての空きスペースが占有されることはなくなります。
このプロパティを有効にすると、組み込みマッシュアップのコンテナがレイアウトの向きに応じて縦または横に引き伸ばされます。このプロパティは、組み込みマッシュアップに静的コンテナ、マッシュアップ、非レスポンシブウィジェットなどの固定サイズのコンポーネントが含まれている場合にのみマッシュアップに影響します。親コンテナのコンテンツを拡張するには、組み込みマッシュアップの高さが定義されている必要があります。たとえば、アドバンスグリッドウィジェットは、コンテナ内の使用可能な領域を使用するレスポンシブウィジェットです。このウィジェットがさらに多くの行に対応するように拡張しても、組み込みマッシュアップの親コンテナのサイズは変わりません。親コンテナを拡張するには、マッシュアップ、コンテナ、またはウィジェットに固定サイズを指定します。