動的に作成した要素がポストバックによって消えてしまう

Question

ASP.NETにて以下のようなプログラムで動的にチェックボックスのリストを作成しています。

<div id="option_list" runat="server"></div>

Dim optionList As String() = {"オプション１", "オプション２", "オプション３", "オプション４", "オプション５"}

For count As Integer = 0 To optionList.Count - 1
    Dim checkBox As CheckBox = New CheckBox()
    checkBox.Text = optionList(count)
    checkBox.InputAttributes.Add("value", count.ToString)

    Dim div As Panel = New Panel()
    div.Attributes.CssStyle.Add("width", "90%")
    div.Controls.Add(checkBox)

    Me.option_list.Controls.Add(div)
Next count

これ自体には問題ありませんが、ポストバックが発生した場合、
このチェックボックスのリストがなくなってしまいます。

Me.option_list.InnerHtmlに値を設定した場合は
ポストバックが発生しても消えないので、
htmlを組んで設定するのが正しいでしょうか？

ご教示の程、よろしくお願いします。

Answer 1

動的に生成したコントロールはポストバックの際にも動的に生成する必要があります。それがされてますか?

どのタイミングでコントロールを動的に生成したのかわかりませんが、もし必ず発生するイベントハンドラ(page_init とか)ではなくて,ボタンクリックとかですとそれができてないかも。

Comments

[teretail]

ご回答ありがとうございます。
コントロールの生成はページロード時に行っています。
上記のコードは掲載用に固定値のリストとしましたが、実際にはDBから取得したリストを表示しようとしています。
それ故、ポストバックの都度コントロールの生成を行うのは重いと考え、質問させて頂きました。

ループ内で<div><input type="checkbox" value=...という文字列を組んで、
Me.option_list.InnerHtmlに設定した場合はポストバック時にも残っているのですが、Controls.Addの場合とどう違うのでしょう？

[退会済みユーザー]

そのコードを Page_Load で実行させたのですよね。であればポストバックで CheckBox が消えてしまうということはあり得ないです。質問には書いてない別のところに問題があるということではないのですか？

コピペすれば問題を再現できる必要最低限のサンプルコードを書いてアップできませんか。

それにしても、全体的に何かやり方が変だと思うのですが・・・　質問者さんはどのぐらい ASP.NET Web Forms アプリの開発スキルをお持ちなのでしょうか？

[退会済みユーザー]

＞ それ故、ポストバックの都度コントロールの生成を行うのは重いと考え、質問させて頂きました。

上記のところはどういう意味でしょう？　ひょっとして if (!IsPostBacK) で CheckBox 生成のコードを囲うとかしてません？　そういうことをすればポストバック時に CheckBox が消えてしまうのは当たり前です。

[退会済みユーザー]

> 上記のコードは掲載用に固定値のリストとしましたが、実際にはDBから取得したリストを表示しようとしています。

複数の CheckBox を動的に生成するなんてことを自力でコードを書いて行うなんてことは、他に手段がない限り、止めた方が良いと思います。初心者なら特に。

大体のケースでは、自力でコードを書くよりはるかに容易な手段が ASP.NET の出来合いのサーバーコントロールとして準備されていることが多いので、それを利用することを検討してください。

今回の質問者さんのケースでは、CheckBoxList をデータソースコントロール（SqlDataSource や ObjectDataSource）と組み合わせつて使うことを検討してみてください。

それを使えない理由は多分ないはず。

多分ウィザードベースで自力では一行もコードを書かないで実装できると思います。（注：選択結果を取得して処置を行うというところは自力でコードを書く必要はあると思いますが）

普通にウィザードベースで作れば、DB にクエリを投げてデータを取得するのは初期画面の表示の時だけで、ポストバックの際はデータは ViewState から取得してコントロールを生成するようにできるので、ポストバックの都度 DB にクエリを投げるのは避けられます。

[teretail]

コメントありがとうございます。
すみません。昨日出掛ける前に書き込んだつもりだったのですが、書き込めていませんでした・・・
早速SqlDataSourceやObjectDataSourceについて調べてみます。

[退会済みユーザー]

> 早速SqlDataSourceやObjectDataSourceについて調べてみます。

ASP.NET Web Forms アプリの開発をしていてそれを知らないということは有り得ないぐらいの基本のキなのですよ。本などを読んで体系的に知識を付けることをお勧めします。