(ASP.NET)コンテンツページの<asp:Content>タグ内にhtml,コントロールを動的に作成したい。

ASP.NETでWebアプリケーションの作成をしています。
そこでマスターページ(Site.Master)とコンテンツページ(WebForm1.aspx)を使用してレイアウトの作成をしています。
コンテンツページでasp:Contentタグ内にhtmlやコントロールをプログラムで動的に作成したいのですが、調べたところ直接asp:Contentタグ内に記述するサンプルばかりでやり方がわかりません。

知っている方がいらっしゃったら教えていただきたいです。
イメージとしては、下記の三枚目のasp:Contentタグ内をプログラムで動的に作成したいです。

ASP
1
2Site.Master
3//マスターページ
4<body>
5    <form id="form1" runat="server">
6        <div>
7            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
8            </asp:ContentPlaceHolder>
9        </div>
10    </form>
11</body>

ASP
1WebForm1.aspx
2//コンテンツページ
3<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="fortest.WebForm1" %>
4<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
5</asp:Content>
6

下記の内容を動的に作成したい。

ASP
1WebForm1.aspx
2//コンテンツページ　
3<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="fortest.WebForm1" %>
4<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
5    <h1>この行や下のボタンコントロールを動的に作成したい</h1>
6    <asp:Button ID="Button1" runat="server" Text="Button" />
7</asp:Content>
8

退会済みユーザー

2021/12/14 23:13

先のスレッド https://teratail.com/questions/370834 が回答をもらっておきながら放置状態だけど、ここもまた同じことになるのかな？

行動規範の内容に同意します

回答1件

ベストアンサー

質問者さんは自分で立てたスレッドを放置・放棄して去ってしまったようですが、検索などでここを訪れた人などのために回答を書いておきます。

ASP.NET Web Forms アプリのページに動的にコントロールを生成して追加する基本です。

(1) 動的にコントロールを追加したいページ上の場所に PlaceHolder をツールボックスからドラッグ＆ドロップする。

PlaceHolder クラス
https://docs.microsoft.com/ja-jp/dotnet/api/system.web.ui.webcontrols.placeholder?view=netframework-4.8

(2) コードビハインドのコード内で Page.Init イベントのハンドラで必要なコントロールを生成し PlaceHolder に追加する。

ポストバックで再描画するならポストバック時にも必ず発生するイベントのハンドラでコントロールの生成・追加を行う必要があります。例えば、Button クリックなどのイベントハンドラを使うと、その次のポストバックで消えてしまいます。

また、静的に配置したコントロールと同じ動きを期待するなら Page_Init を使います。Page_Load では遅すぎます（ LoadViewState メソッド ⇒ LoadPostData メソッドのタイミングの問題）。

(3) サーバーコントロールではない静的な html 要素の配置には Literal コントロールを使います。

Literal クラス
https://docs.microsoft.com/ja-jp/dotnet/api/system.web.ui.webcontrols.literal?view=netframework-4.8

(4) 質問に書いてあった h1 タグと Button コントロールの動的な追加は、上記 (1) ～ (3) の要領に従って以下のようにします。

protected void Page_Init(object sender, EventArgs e)
{
    Literal h1Tag = new Literal();
    h1Tag.Text = "<h1>この行や下のボタンコントロールを動的に作成したい</h1>";
    PlaceHolder1.Controls.Add(h1Tag);
    Button btn = new Button();
    btn.ID = "Button1";
    btn.Text = "Button1";
    PlaceHolder1.Controls.Add(btn);
}

投稿2021/12/19 02:34

退会済みユーザー

総合スコア0