ウェブアプリケーションにおけるテーブルの使用

Table set propertiesTable update propertiesブロックはテーブルを設計するために使用されます。

一見すると、この2つのブロックは同じように見えます。違いは、その動作にあります。

Table Set Propertiesブロックは現在の設定を完全に変更する。入力フィールドを1つだけ設定しても、すべてのフィールドが変更され、空っぽになります。 Table Update Properties ブロックは指定されたフィールドのみを変更するので、テーブルの設定を部分的に変更したい場合に有効です。

ここでは、テーブルにどのような表示設定ができるかを見てみましょう。

設定は、Table set propertiesTable update propertiesブロックにある入力フィールドを使用して行います。以下のフィールドがあります。

  • Component ID- は、変更がどのテーブルに適用されるかを決定します。
  • Titleテーブルの
  • Style - テーブルの行のサイズを変更する。
  • Pagination - 複数ページのテーブルを担当します; 項目の数が多いテーブルでは、過負荷にならないように使用することができます。
  • Bordered - テーブルのボーダーを表示する。
  • Visible - テーブルを表示/非表示にします。
  • Loading - ローディング状態; このオプションは、テーブルに変更があることをユーザーに表示します。

以下の設定は、pagination が有効なときのみ機能します。

  • Current page- 表示するテーブルのページの選択。
  • Records for page - 1ページあたりのレコード数。
  • Total records- 表内のレコードの総数。

実用例

タスク」モデル用の簡単なテーブルを使用してみましょう。

データをデータベースからテーブルにロードするために onShowトリガーを使ってデータベースからテーブルに読み込まれました。まず、それに対する表示設定を行いましょう。これには Table set properties ブロックを使用します。

の中で Component IDで、必要なテーブルを選択します。

Titleに、テーブルの名前を指定します。 To Do List.

設定する Style - 真ん中の

オンにする Pagination.

オンにする Bordered.

をオンにする必要があります。 Visible.さもないと、テーブルが見えません。

オンにする Loading.

をセットする Current pageを 1 に設定すると、最初のページが表示されます。

Records for pageは5までです。

Total recordsは10に設定するなど。

これですべての設定が保存できるようになりました。

詳細Loading

テーブルは必要なフォームを取得しました。唯一残っているのは、ロード状態が消えないことです。これは簡単に修正することができます。これを行うには、loading. の値を変更します。ロードステータスは、データがテーブルにロードされるときに表示され、処理が完了すると消えるはずです。

そこで、データロードBPが完了した後に、テーブルのプロパティを変更するビジネスプロセスが必要である。

データ読み込みブロックは、最後に Table update dataブロックが終了し、テーブルが更新された後に実行される onDataUpdateテーブルが更新された後に実行されるトリガーがあります。

新しいBPを割り当ててください。を取る。 Table update propertiesブロックを使って、1つのフィールドだけを変更し、ローディングをオフにします。

すべての変更は保存することができ、テーブルは必要に応じて表示される。

onFilter トリガー

を詳しく見てみましょう。 onFilterトリガーを詳しく見てみましょう。これはページ送りが有効なとき、テーブルのページを通過する遷移があるときのみ動作します。これは2つの追加フィールドを持っています。

  • _limit- ページネーションが発生した時点でテーブルに表示されているレコードの数を送信します。
  • _offset- は、どのレコードから処理を開始するかを指定する。

トリガーがどのように動作するかを示すために、BPをセットアップしましょう。 onFilterトリガーがどのように動作するかを示すために、BP をセットアップしてみましょう。

トリガーは onFilterトリガーは、マルチページ・テーブルのあるページから別のページへの遷移があるときに動作します (ページネーション)。

3つのページがあり、それぞれに5つのレコードがあるテーブルを考えてみよう。

のデータを表示するBPを作成します。 onFilterフィールドのデータを表示するBPを作成します。

これを実現するために _limit_offset フィールドを to string ブロックを使ってフィールドを変換し、その結果を notificationブロックに渡します。

1ページ目から2ページ目に行くとき、2つのメッセージが表示される。 _limit - 5」と「_offset - 5」である。これは、テーブルの前のページ (_limit), に5つのレコードがあり、5番目の(_offset) から始まるレコードを処理中であることを意味する。3ページ目に進むと、次のようなメッセージが表示されます。 _limit - 5 (前のページにも5つのレコードがあったから) と_offset - 10 (テーブルが10から始まるレコードを処理しているから) です。

onRowClick となります。onRowDoubleClick triggers.

onRowClickonRowDoubleClickのトリガーを見てみましょう。これらは、行のクリックやダブルクリックがあったときに動作します。これらのトリガーには、クリックされたレコードのIDを格納するRecord ID フィールドがあります。これは、リンクされたテーブルを作成したり、階層を構築するのに便利です。

このトリガーがどのように機能するかを示すために、ユーザがクリックした行の番号をユーザに表示するBPを設定してみましょう。

To stringNotificationのブロックが必要です。で To string には,Record ID のフィールドの値を渡す。そして,変換後の値を,Notification ブロックの Title フィールドに渡す。

Read More ベストプラクティス

ビジネスプロセスのトラブルシューティング
ビジネスプロセスのトラブルシューティング
アプリケーションのエラーの見つけ方と修正方法
デバッグとロギング
デバッグとロギング
AppMasterでデータを記録し、デバッグに利用する方法
Inspired to try this yourself?

AppMaster Teamでノーコードのスキルを伸ばそう!

AppMasterの使い方をステップ・バイ・ステップで学ぶことができます。

その他のAppMasterリソース

専門家の助けを借りてあらゆる問題を解決します。
時間を節約して、アプリケーションの構築に集中できます。

ヘルプ&サポート

専門家の助けを借りて、あらゆる問題を解決します。

サポートを受ける

ドキュメント

使い始めや機能に関する役立つ情報を掲載しています。

ドキュメントを読む

ビデオチュートリアル

AppMasterの使い方をビデオチュートリアルでご紹介します。

チュートリアルを見る

ユーザーコミュニティ

私たちのコミュニティの一員になって、もっと知ってください。

コミュニティへの参加