一つ前のエントリ「DetailsViewの内部でDropDownListを使う」で使った部門テーブル、課テーブルをマスターとして利用し、課に属するユーザを管理する場合を考えてみましょう。
この場合、DropDownListは２つとなり、その２つのDropDownListには階層構造が必要になります。
これを実現する方法を探ってみましょう。
まず、Webフォーム上に１つめのSqlDataSourceを追加します。ここではメンバーテーブルを対象にし、データの追加／削除が可能になるよう設定します。
DetailsViewを追加し、データソースとして作成したSqlDataSourceを指定します。
ページング、挿入、編集を有効にします。
○表示データにマスターデータの内容を表示する
部門名と課名がきちんと表示できるようにします。そのためにはSqlDataSoruce1のデータソースを再編集します。
データソースの構成ウィザードのSelectステートメントの構成でカスタムSQLステートメントを利用するように設定を変更し、Select文を部門名、課名が表示できるように変更します。
クエリビルダを使うとこんな感じになります。
Update、Insert、Delete文には手を加えず、データソースの構成ウィザードを終了します。
フィールドとキーの更新を促すメッセージがでますが、ここでは「いいえ」をクリックしておきます。
次にDetailsViewのフィールドを編集します。
まず、buIDフィールドとkaIDフィールドをテンプレートフィールドに変換します。
buIDのItemTemplateフィールドに表示されるラベルのバインドをbuNameに変更します。
また、kaIDのItemTemplateフィールドに表示されるラベルのバインドをkaNameに変更しましょう。
デバッグを実行すると、部門名が表示されるようになります。
○更新時にDropDownListで部門を選択できるようにする
「DetailsViewの内部でDropDownListを使う」の記述を参考に、部門名をDropDownListで選択できるようにします。
このとき追加したDropDownListのコントロールIDを"buList"に変更します。
また、AutoPostBackを有効にしておきます。
○更新時にDropDownListで課を選択できるようにする
DetailsViewのkaIDのEditItemTemplateからテキストボックスを削除します。
EditItemTemplateの中にSqlDataSourceを追加します。Selectステートメントとして課テーブルからIDと課名を取り出せるようにします。
また、Whereボタンをクリックし、Where句を追加します。
buIDをControlから取り出した値に連携します。ウィザードではコントロールIDとしてDetailsView1しか選択できないので、ここではそれを選択し、追加します。
EditItemTemplateにDropDownListを追加します。
DropDownListのコントロールIDを"kaList"に変更します。また、データソースとしてEditItemTemplateに追加したDropDownListを選択し、表示するフィールドをkaName、値のフィールドをkaIDに設定します。
フォームのHTMLソースを表示し、SqlDataSource3を探して、関連付けられているコントロールのIDを"DetailsView1"から"buList"に変更します。
HTMLソースの中でSqlDataSource1を探し、UpdateParametersのkaIDパラメータをControlParameterに変更し、ControlIDとして"DetailsView1$kaList"を設定します。
DetailsView1のDataBoundイベントに関連づけるメソッドを作成し、以下のとおりに入力します。
protected void DetailsView1_DataBound(object sender, EventArgs e)
{
if (DetailsView1.CurrentMode == DetailsViewMode.Edit)
{
((DropDownList)DetailsView1.FindControl("kaList")).SelectedValue =
((DataRowView)DetailsView1.DataItem).Row["kaID"].ToString();
}
}
デバッグを開始し、データ更新時の動作を確認してください。
○新規作成時にDropDownListで部門、課を選択できるようにする
DetailsViewのbuID、kaIDのEditItemTemplateに対して行ったのとほぼ同じ作業をそれぞれのInsertItemTemplateに対して行います。
SqlDataSoruceをInsertItemTemplate内に追加しないといけない点に注意してください。
また、このため、HTMLソースの修正の際にSqlDataSource4の関連付けられているコントロールのIDを変更する必要があります。
それから、SqlDataSource1のUpdateParametersではなくInsertParametersのkaIDパラメータをControlParameterに変更してください。
新規作成時はプログラムの修正は必要ありません。
これで完成となります。
◆◆ 追記 ◆◆
現在のデータを取り出すのに、DataRowViewへのキャストの代わりにDataBinder.Evalを利用することもできます。
((DropDownList)DetailsView1.FindControl("kaList")).SelectedValue =
DataBinder.Eval(DetailsView1.DataItem, "kaID").ToString();
DataBinderを利用する場合、処理速度的には多少遅くなりますが、現在バインドされているデータの正確な型がわからなくても利用できるという利点があります。
◆ この記事についてのご意見、ご質問は以下のフォーラムにお願いします ◆
http://dotnetfan.org/forums/736/ShowPost.aspx