サンプル/データグリッド：データベースから取得したデータを設定する

Top/サンプル/データグリッド：データベースから取得したデータを設定する

大文字小文字の区別はありません（最大80バイトまで）

AND OR  

データグリッド：データベースから取得したデータを設定する†

概要†

データベースから取得したデータを整形して、データグリッドに表示するサンプルです。
２つのテーブルをIDで結合したデータを例にしています。

データグリッドの value（値）には、配列形式のオブジェクトを設定する必要があります。
１オブジェクトは、１行分のデータです。
オブジェクトのプロパティは、データグリッドのカラムIDに合わせる必要があります。

そのため、SQLから取得した値をもとに、データグリッドに設定できるよう整形します。

本サンプルでは、デフォルト設定のデータグリッドに合わせて、以下のように整形しています。

• SQLで取得した値（データ整形前）

  [{"ID":"01","data1":"データ1－1","data2":"データ2－1","data3":"データ3－1","data4":"データ4－1"},
  {"ID":"02","data1":"データ1－2","data2":"データ2－2","data3":"データ3－2","data4":"データ4－2"}]

• データグリッドに設定する値（データ整形後）

  [{"month":"01","companyA":"データ1－1","companyB":"データ2－1","companyC":"データ3－1","companyD":"データ4－1"},
  {"month":"02","companyA":"データ1－2","companyB":"データ2－2","companyC":"データ3－2","companyD":"データ4－2"}]

サンプル導入方法†

1. 下記 ダウンロード よりサンプルセットを取得し、zipを解凍
2. サイドメニュー「データベース」
   　　＞DB名の縦三点リーダをクリックし「データベースインポート」
   　　　　＞ファイル　で、サンプルセット内の「Sample_Grid_DataSet.sql」を指定して[インポート]
   
   　　　　　　⇒DBに「Sample_Grid_DataSet_1」と「Sample_Grid_DataSet_2」テーブルが作成されます。
   
   
3. サイドメニュー「アプリケーション」
   　　＞[アプリ作成]
   　　　　＞インポート　で、サンプルセット内の「Sample_Grid_DataSet.zip」を指定して "次へ"
   　　　　　　＞アプリのIDとラベルを確認し、[作成]
   
   
4. アプリ一覧で、インポートしたアプリ「データグリッドにデータベースから取得したデータを設定する」をクリック
5. サイドメニュー「設定」
   　　＞一般設定 - デフォルト設定 - 既定データベース　をお使いのDBに変更し、[保存]
   

実行例†

プッシュボタンを押すことで、データグリッドの値が更新されます。

ダウンロード†

• サンプルセット（Sample_Grid_DataSet_download.zip）
  　※解凍して以下の状態でご利用ください。

  　Sample_Grid_DataSet_download
  　　├ Sample_Grid_DataSet.zip　[アプリケーション]
  　　└ Sample_Grid_DataSet.sql　[データベース]

使用機能†

• コンポーネント：データグリッド
• コンポーネント：プッシュボタン
• コンポーネント：リッチテキスト（説明掲載用）
• ビルトイン関数：$fn.message(parameters)

特記事項†

サンプル仕様自体の問合せは、製品保守サービスに含みません。

作成バージョン†

V1.3.0

更新履歴†

2023-07-20 サンプル導入時に作成されるテーブル名を訂正
2023-06-30 公開

• トップページ
  
  

Menu

• FAQ
• サンプル
• リリースノート
• 新機能トピックス
• 技術資料
• サービス利用について
• サービス稼働履歴
• マニュアル
• マニュアル変更履歴
• 障害情報
• 教育資料
• 技術者認定制度

当サポートサイトについて

• サイト内の検索方法
  

関連リンク

• QAサイト
  ※有償契約者様向けのサイトです。

お問合せ先

• 問合せ先はこちら