Create table operator は、ポップアップする表 (テーブル) を動的に作成する機能を提供する WireCloud オペレータです。このオペレータの動作には、Data Table Viewer Widget が必要です。
ワイヤリング
- Data and Structure: リソース構造とデータを含む JSON 形式のリソース・データを入力するエンドポイント

設定
- Create new popup: 入力を受け取るたびに新しいポップアップを作成します

入力データ例

表示例
JSON injector の再生ボタンをクリックすると、データが Create table operator に送信され、Data Table viewer widget が動的に作成され、表がポップアップして表示されます。
サンプルデータ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
{ "structure": [ { "id": "name", "label": "Username", "type": "string" }, { "id": "age", "label": "Age", "type": "number" } ], "data": [ { "name": "Bart", "age": 29 }, { "name": "Lisa", "age": 7 } ], "state_function": "function (entry) {entry.age >= 18 ? return \"success\" : return \"danger\"}" } |
関連情報

Data Table Viewer WidgetData Table Viewer Widget は、テーブル (表) にデータのセットを表示する機能を提供します。
ワイヤリング
...

WireCloud widget and operatorWireCloud では、ウィジェットとオペレータと呼ばれる機能部品を組み合わせることで、Web アプリケーションやダッシュボードを作成...