如何從asp.net DataList 捕獲按鈕單擊事件

Question

我在 asp.net webform 中有一個 DataList 控件，在這個 DataLIst 中，我有 2 個綁定到數據庫的標簽和一個按鈕。 其中一個標簽代表Id，另一個代表Stock。 我想捕獲特定產品的按鈕點擊事件，然后將該產品添加到用戶購物車。

這是我的數據列表：

 <asp:DataList ID="dListProduct" runat="server" RepeatColumns="4" OnItemCommand="dListProduct_ItemCommand">
            <ItemTemplate>
                <div>
                    <table class="table-responsive" border="1">                    
                        <tr>
                             <td>
                                  <asp:Label runat="server" Text="Available Stock: " ></asp:Label><asp:Label ID="Label1" runat="server" Text='<%# Eval("Stock")%>'></asp:Label>
                            </td>
                        </tr>
                        <tr>
                             <td>
                                  <asp:Label runat="server" Text="Id" ></asp:Label><asp:Label ID="lblPId" runat="server" Text='<%# Eval("Product_Id")%>' Visible="false"></asp:Label>
                            </td>
                        </tr>
                        <tr>
                             <td>
                                 <asp:Button id="btnAddtoCart" runat="server" Text="Add to Cart"/>
                            </td>
                        </tr>
                    </table>
                </div>
            </ItemTemplate>
        </asp:DataList>

這是我在 DataList 的 OnItemCommand 事件中使用的代碼：

 protected void dListProduct_ItemCommand(object source, DataListCommandEventArgs e)
        {
            Label lbl = (Label)e.Item.FindControl("lblPId");
            Response.Write(lbl.Text);
        }

但這段代碼永遠不會被執行。 誰能幫我嗎？

Answer 1

完全按照我的方式復制並粘貼下面的代碼。

后面的代碼：

public partial class DataListExample : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if(!Page.IsPostBack)
        {
            this.BindData();
        }
    }

    private void BindData()
    {
        MyStock stock1 = new MyStock { Product_Id = 1, Stock = "Stock 1" };
        MyStock stock2 = new MyStock { Product_Id = 2, Stock = "Stock 2" };
        dListProduct.DataSource = new List<MyStock> { stock1, stock2 };
        dListProduct.DataBind();
    }

    protected void dListProduct_ItemCommand(object source, DataListCommandEventArgs e)
    {
        Label lbl = (Label)e.Item.FindControl("lblPId");
        Response.Write(lbl.Text);
    }
}

public class MyStock
{
    public int Product_Id { get; set; }
    public string Stock { get; set; }
}

.ASPX：

<asp:DataList ID="dListProduct" runat="server" RepeatColumns="4" OnItemCommand="dListProduct_ItemCommand">
    <ItemTemplate>
        <div>
            <table class="table-responsive" border="1">
                <tr>
                    <td>
                        <asp:Label runat="server" Text="Available Stock: "></asp:Label><asp:Label ID="Label1" runat="server" Text='<%# Eval("Stock")%>'></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label runat="server" Text="Id"></asp:Label><asp:Label ID="lblPId" runat="server" Text='<%# Eval("Product_Id")%>' Visible="false"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btnAddtoCart" runat="server" Text="Add to Cart" />
                    </td>
                </tr>
            </table>
        </div>
    </ItemTemplate>
</asp:DataList>