DevExpress　の　フィルタリング設定（選択用）のサンプルです。
「ASPxGridView」を使用します。

フィルタリング設定を行うと、別で検索項目を作成する必要がなくなります。

※イメージはエクセルのフィルタリング機能と考えたほうがイメージしやすいかもしれません。

現状の画面デザインはこのようになっています。

20150408_04

「ASPxGridView」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」

＜フィルタリング（選択用）表示＞

「ShowHeaderFilterButton=”True”」に変更します。

20150410_01

↓

20150410_02

【自動生成PG】

↓

20150410_03

「地方名」列のアイコンをクリックするとフィルタリング対象一覧を表示します。

20150410_04

・「地方名」列のフィルタリング対象一覧から「近畿」を選択します。
すると「近畿」データのみ表示されます。

20150410_03

↓

20150410_05

次に「都道府県名」列のアイコンをクリックすると「近畿」データのフィルタリング対象一覧を表示します。
※表示されているデータからフィルタリング対象一覧を自動作成するため

↓

20150410_06

関連記事はこちら:

  1. DevExpressのデザイン（Theme） プログラム作業を行っていて、一番ストレスがたまるのが「デザイン（色）」。 私自身センスが全くないので、良いかどうかも判らない。 「もっと明るい色で」、「ちょっと違った色で」 ？？？？結局何色が良いんだろうか？ そんなこん ......
  2. DevExpress の ASPxButton から ASPxGridView の「更新キャンセル」実行設定 DevExpress のボタンからグリッドの「更新キャンセル」実行設定のサンプルです。 事前の設定準備が必要ですので、先日の実施準備を行っておいて下さい。 別画面でリンク表示 設定する内容は3点です。 1点目：ボタンを配 ......
  3. DevExpress の ASPxGridView のボタン一括選択（1ページアイテムの選択/解除） DevExpress　のボタン一括選択（1ページアイテムの選択/解除）のサンプルです。 今回はボタンを用意して、ボタンクリックで1ページアイテムの「選択/解除」を行います。 設定する内容は4点です。 1点目：ボタンを配置 ......
  4. DevExpress の ASPxButton のショートカット設定 DevExpress　のショートカット設定のサンプルです。 今回はエクセル出力のショートカットを行います。 「ASPxButton」を使用します。 現状の画面デザインはこのようになっています。 ボタンクリックでエクセル出 ......
  5. DevExpress の ASPxGridView のスクロール表示設定（まとめ） DevExpress　のスクロール表示設定のまとめです。 【VerticalScrollBarMode】 ・ASPxGridViewオブジェクトで縦スクロールを表示 別画面でリンク表示 【HorizontalScroll ......
  6. DevExpress の ASPxGridView の表示高さ設定（固定） DevExpress　の表示高さ設定（固定）のサンプルです。 デフォルトは高さ「200px」です。 今回は高さ「300px」に設定します。 「ASPxGridView」を使用します。 現状の画面デザインはこのようになって ......
  7. DevExpress の ASPxGridView のポップアップタイトル名設定 DevExpress　のポップアップタイトル名設定のサンプルです。 「ASPxGridView」を使用します。 ポップアップタイトル名ですがデフォルトでは「編集フォーム」です。 現状の画面デザインはこのようになっています ......
  8. DevExpress の ASPxGridView の「登録/更新/削除」設定（Batch） DevExpress　の　「登録/更新/削除」設定（Batch）のサンプルです。 ※Batch：複数件まとめてDBに更新 「ASPxGridView」を使用します。 「登録/更新/削除」は5パターンの画面で入力可能です。 ......
  9. DevExpress の ASPxGridView の フィルタリング の実行タイミング設定（入力用） DevExpress　の　フィルタリングの実行タイミング設定（入力用）のサンプルです。 「ASPxGridView」を使用します。 デフォルト設定では、フィルタリング実行タイミングは入力後「1.2秒」で自動実行します。 ......
  10. DevExpress の ASPxGridView でのデータ取得（N項目） DevExpress の ASPxGridView でのデータ取得（N項目）のサンプルです。 今回は、グリッド行のダブルクリックイベントで、 選択行のデータ（N項目）を取得します。 設定する内容は2点です。 1点目：「A ......
投稿タグ