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

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

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

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

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

設定は、 Table set properties とTable 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.

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

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

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

自分でも試してみませんか?

自分でも試してみませんか?

AppMasterの強力さを理解する最良の方法は、自分の目で確かめることです。14日間のトライアルプランで、数分で独自のアプリケーションを作成できます。

回答を見つける他の方法を探る

私たちの目標は、プラットフォームのための最高のドキュメントを作成し、AppMasterを利用する際にユーザーが抱える疑問を解決することです。必要な回答が見つからない場合は、お問い合わせください。

コミュニティチャット

他のユーザーとつながり、プラットフォームの利用について相談できます。

コミュニティに参加

ヘルプセンター

プラットフォームに関する役立つ情報を確認できます。

ヘルプセンター

Video Tutorials

Learn how to use AppMaster with video tutorials.

Watch Tutorials