aspxのタグに動的な属性値を渡したい

Question

前提・実現したいこと

for文の中にあるaspxのイメージボタンのタグに動的な属性値(i)を<%= i %>で渡してボタンクリック時に受け取りたい

環境(変更不可)
windows10,asp.net framework3.0,ビューエンジン：aspx,visual studio 2017

試したこと

①asp:ImageButtonのCommandArgument属性に渡した
②<button>のvalue属性に渡した

該当のソースコード

①asp:ImgeButtonを使用

<% for (int i = 0; i < 10; i++){ %>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/googlelogo_color_92x30dp.png" OnCommand="ImageButton_Click" CommandArgument="<%=i %>" />
<% } %>

protected void ImageButton_Click(object sender, CommandEventArgs e)
        {
            string i = e.CommandArgument.ToString();
        }

②<Button><image></Button>を使用

<% for (int i = 0; i < 10; i++){ %>
<button runat="server" onserverclick="Button_Click" name="i" value="<%= i %>">
    <asp:Image ID="Image1" runat="server" ImageUrl="~/googlelogo_color_92x30dp.png" />
</button>
%>

protected void Button_Click(object sender, EventArgs e)
{
    string i = Request["i"];
}

結果

"<%= i %>"という文字列をそのまま受け取ってしまい、ボタンが押された時の数値iを受け取れなかった。
なぜこのような結果になるのか、数値iを受け取るにはどうするべきか、ご回答宜しくお願い致します。ここまでお読みくださってありがとうございました。

Comments

[退会済みユーザー]

XY問題(Xがやりたいことだが、質問者さんはYがその解決策だと思って、Yの質問をしたが、YはXの解決策になってない)のように思えます。Xの方を書いてください。

Answer 1

XY 問題のように思えますので、Y（質問に書いてあること）に直接答えるのではなく、X（やりたいこと）を想像してそれを実現する方法を書きます。

やりたいことは「Page に ImageButton を複数（数は任意？）動的に配置し、ユーザーがクリックしてポストバックされた時、どの ImageButton がクリックされたかを CommandArgument プロパティで判定する」と理解して回答します。理解が違っていたらどう違うのか連絡ください。

ASP.NET Web Forms アプリで動的にコントロールを Page に配置するのは .aspx ファイルではなく、.aspx.cs（コードビハインド）側で行います。

.aspx にはコントロールを動的に配置する位置に PlaceHolder を置き、.aspx.cs の Page_Init ハンドラで ImageButton を生成・初期化し、PlaceHolder に追加してやります。.aspx.cs は以下のようになります。

using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class About : Page
    {
        protected void Page_Init(object sender, EventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                ImageButton btn = new ImageButton
                {
                    ID = "imagebutton" + i.ToString(),
                    ImageUrl = "~/images/sample.jpg",
                    CommandArgument = i.ToString()
                };
                btn.Command += ImageButton_Click;
                PlaceHolder1.Controls.Add(btn);
            }
        }

        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void ImageButton_Click(object sender, CommandEventArgs e)
        {
            string i = e.CommandArgument.ToString();
        }
    }
}