DropDownListの相互連動

Question

お世話になっております。

DropDownList1が"X"の場合、DropDownList2の項目が絞り込まれ、
同様に、DropDownList2が"Y"の場合、DropDownList1の項目が絞り込まれるような処理を行いたいです。

階層が同じ(親子関係ではない)場合はどのように処理をすればよろしいでしょうか。

車の「車種」「色」「メーカー」などの検索条件のように、
「車種」を選択した際、それに該当する「色」「メーカー」が絞り込まれる。
「色」を選択した際、それに該当する「車種」「メーカー」が絞り込まれる。
というイメージです。

DropDownListの項目はDBから取得しています。

1つのDropDownListに対し、1つのSqlDataSourceをそれぞれ作成しています。

SQL文
SELECT DISTINCT '車種' FROM hoge_tbl;
↑SqlDataSource1
SELECT DISTINCT '色' FROM hoge_tbl;
↑SqlDataSource2
SELECT DISTINCT 'メーカー' FROM hoge_tbl;
↑SqlDataSource3

hoge_tbl

hoge_tblから項目を取得

↓
GridViewで、条件に一致したレコードが表示される。

説明下手かもしれませんが、ご教授願います。

【環境】
Windows7
ASP.NET C#
SQL Server 2012

Comments

[退会済みユーザー]

データソースとなる DB のスキーマを書いてください。今の説明では具体的なイメージが沸きません。

[arpana]

修正いたしました。ご確認をお願いいたします。

[退会済みユーザー]

情報の追加をありがとうございます。理解はできました。でも、失礼ながら、それって実用的ではなさそうな気がするのですか。普通は DropDownList で絞り込んで、その結果を GridView などに一覧表示するという話になるかとおもうのですが。この例のように → http://surferonwww.info/BlogEngine/post/2011/07/17/Showing-records-selected-by-DropDownLists-into-GridView.aspx

[退会済みユーザー]

実用的云々の話は関係なくて、勉強のためなどの理由でともかくそう言うものを作ってみたいという話でしたら失礼しました。

[arpana]

いえ、とんでもありません。私の説明不足でした。SurferOnWwwさんのブログなどを参考にし、GridViewを使って表示は出来ています。しかし、DropDownListの項目数が何万件もあった場合に項目の表示に時間がかかるため、DropDownListの絞込みを行いたいと思っております。

Answer 1

普通は、まず最初にメーカーを選んで、次に車種を選んで、最後に色を選ぶという操作になると思うのですが、それでよければ Ajax Control Toolkit の CascadingDropDown が目的に合うと思います。

以下のサイトにデモがありますので見てください。

CascadingDropDown Demonstration
https://ajaxcontroltoolkit.devexpress.com/CascadingDropDown/CascadingDropDown.aspx

これが目的に合わないということでしたら、どこがどう合わないか書いてください。

Comments

[arpana]

私のDropDownListの絞り方に対する考えが間違っていたような気がします。
提示していただいたサイトのような動きにしたいと思います。
ありがとうございました。