2011年9月26日月曜日

◆検索条件+検索結果グリッドの画面を作る

画面上部に検索条件、その下に検索結果表示用のグリッドという画面はよくあるパターンなので、その作り方を検証してみる。

データの準備

    1. 「ソリューションエクスプローラー」にて「データソース」フォルダを右クリックして表示されたメニューから「データソースの追加」を選択する。
      image
    2. 「データソースのアタッチウィザード」で「データベース」を選択して「次へ」
      image
    3. 「サーバー名」に「.\sqlexpress」、「データベース名」に「Northwind」を指定して次へ。(サーバー名は環境に応じて適宜変更)
      image
    4. 表示されたテーブル一覧で「Products」と「Categories」をチェックして「完了」
      image
    5. 「ソリューションエクスプローラー」で「Products」を右クリックして表示されたメニューから「クエリの追加」を選択。
      image
    6. 表示されたクエリを以下のように編集する。
      ・クエリ名称を「ProductByCategory」に変更。
       image
      ・「フィルターの追加」ボタンをクリックし、表示されたフィルター式の左辺に「CategoryID」を指定。
       image
      ・右辺に「パラメーター」を指定
       image
      ・パラメータ値のドロップダウンを展開して「新規追加」をクリック
       image

画面の作成

    1. デザイナ画面上部のツールバーから「画面の追加」をクリックする。
      image
    2. 画面テンプレートに「編集可能グリッド画面」、画面データに「ProductByCategory」を指定して「OK」ボタンをクリックする。(画面名はデフォルト)

実行結果

これを実行してみると以下のような画面が表示され、「Category ID」欄に検索したいIDを入力しEnterキーを押すと該当のProduct一覧がグリッドに表示される。
image

0 件のコメント:

コメントを投稿