Repeater ItemCommand事件未触发

本文关键字:事件 ItemCommand Repeater | 更新日期: 2023-09-27 17:54:44

我想当用户单击具有类session_boxPanel时,单击事件触发。但是当我点击它时,什么也没发生。当我调试代码时,ItemCommand事件甚至没有被调用!

下面是我的代码:

HTML:

<div id="sessions_wrapper">
    <asp:Repeater ID="sessions_repeater" runat="server" 
        DataSourceID="SqlDataSource1" 
        onitemcommand="sessions_repeater_ItemCommand">
        <ItemTemplate>
            <asp:Panel CssClass="session_box" runat="server" data-session-id='<%# Eval("session_id") %>'>
                <asp:Image CssClass="session_icon" runat="server" ImageUrl='<%# Eval("session_cover") %>' alt="" />
                <div class="session_info">
                    <p>Title: <%# Eval("session_name") %></p>
                    <p>Date: <%# Eval("session_date") %></p>
                    <p>Photos: <%# Eval("session_photos") %></p>
                </div>
            </asp:Panel>
        </ItemTemplate>
    </asp:Repeater>                            
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
        ConnectionString="<%$ ConnectionStrings:DBCS %>" 
        ProviderName="<%$ ConnectionStrings:DBCS.ProviderName %>" 
        SelectCommand="SELECT * FROM [sessions]"></asp:SqlDataSource>
</div>

c#:

protected void sessions_repeater_ItemCommand(object source, RepeaterCommandEventArgs e)
{
    string sid = ((Panel)e.CommandSource).Attributes["data-session-id"];
    Response.Redirect("sessions.aspx?sid=" + sid);
}

Repeater ItemCommand事件未触发

这是因为Panel不会引发Command事件。诸如Button、ImageButton、LinkButton等控件会引发此事件。

你可能需要重新考虑你的UI布局,包括一些类型的按钮来引发Command事件

我认为一个更简单的方法是添加一个ImageButton而不是你的Image控件。它有两个属性,CommandName和CommandArgument。您可以使用它们将参数传递给后面的代码,而无需进行任何强制转换。