gridview 同一单元格上的多个 link 按钮 - 单击事件未触发 - c#

Question

我在 gridview 行的同一个单元格上创建了多个链接按钮。但是它的点击事件没有触发。在点击事件中，我必须在 Gridview 的 RowDataBound 中定义 StudentID。

protected void gvStudent_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        //loop through the cell.
        for (int j = 1; j < e.Row.Cells.Count; j++)
        {
            string[] arrLinks = null;
            if (!string.IsNullOrEmpty(e.Row.Cells[j].Text.ToString()) && e.Row.Cells[j].Text.ToString() != "&nbsp;")
            {
                arrLinks = e.Row.Cells[j].Text.Split(',');//Rahul-3495,Meera-2323
            }
            if (arrLinks != null)
            {
                for (int i = 0; i < arrLinks.Length; i++)
                {
                    LinkButton btnLink = new LinkButton();
                    string StudentName= (arrLinks[i].Split('-').First()).ToString();//Rahul
                    string StudentID = (arrLinks[i].Split('-').Last()).ToString();//3495
                    btnLink.ID ="btn_" +  StudentID;
                    btnLink.Text = StudentName + "<br>";                                                     
                  //  btnLink.Click += new EventHandler(StudentButtonsclick);
                     btnLink.CommandName = "btnLink"; 
                    e.Row.Cells[j].Controls.Add(btnLink);
                } 
            }
        }
    }     
}
protected void gvStudent_RowCommand(sender s, GridViewCommandEventArgs e)
{
    if (e.CommandName == "btnLink")
    { }
}

 <asp:GridView ID="gvStudent" runat="server" AutoGenerateColumns="true"  
 CssClass="gridview_alter" 
 OnRowDataBound="gvStudent_RowDataBound" OnRowCommand="gvStudent_RowCommand">           
</asp:GridView>

Answer 1

我建议为 GridView 使用 CommandName 和 OnRowCommand 事件。以下是您应该如何操作：

protected void gvStudent_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        //loop through the cell.
        for (int j = 1; j < e.Row.Cells.Count; j++)
        {
            string[] arrLinks = null;
            if (!string.IsNullOrEmpty(e.Row.Cells[j].Text.ToString()) && e.Row.Cells[j].Text.ToString() != "&nbsp;")
            {
                arrLinks = e.Row.Cells[j].Text.Split(',');//Rahul-3495,Meera-2323
            }
            if (arrLinks != null)
            {
                for (int i = 0; i < arrLinks.Length; i++)
                {
                    LinkButton btnLink = new LinkButton();
                    string StudentName= (arrLinks[i].Split('-').First()).ToString();//Rahul
                    string StudentID = (arrLinks[i].Split('-').Last()).ToString();//3495
                    btnLink.ID = "btn_" + StudentID; // Good to concatenate a string instead just a number in the ID.
                    btnLink.Text = StudentName + "<br>";                                                     
                    btnLink.CommandName = "btnLink"; // Add a CommandName
                    e.Row.Cells[j].Controls.Add(btnLink);
                } 
            }
        }
    }     
}

protected void GridView1_RowCommand(sender s, GridViewCommandEventArgs e)
{
    if (e.CommandName == "btnLink")
    {
        // Link Button was clicked. 
        var linkButton = (LinkButton)sender;
        if (linkButton != null)
        {
            var studentId = linkButton.ID.Replace("btn_", ""); // Remove the concatenated string from the id.
            // Do stuff with the student id.
            // I would highly not recommend getting the id from a button element, as it could be modified using browser inspect elements. Instead use, GridView DataKeys.
        }
    }
}

您还应该在 GridView 中添加 RowCommand 活动，以使其继续进行。例如：

<asp:GridView runat="server" ID="GridView1" OnRowCommand="GridView1_RowCommand">
    <!-- Rest of the elements -->
</asp:GridView>

Answer 2

好的，问题是需要在呈现页面“之后”创建的事件的控件无法真正连接起来。您必须将代码移至更早的事件。因此您可以自由添加控件，但在“大多数”情况下，它们将呈现得太晚而无法附加事件。因此，当您单击 link 按钮时，不会触发任何内容。

所以我能想到两个可行的解决方案。

首先，将控件设置为 post 返回 URL，并在该 post 返回上包含一个参数。

例如：

Dim lnkBtn As New LinkButton
lnkBtn.Text = "<br/>L" & I
lnkBtn.ID = "cL" & I
lnkBtn.PostBackUrl = "~/GridTest.aspx?r=" & bv.RowIndex

如果您放置一个 PostbackUrl，那么当您单击该按钮时，该页面将 post 返回。但是，网格行事件（例如行索引更改或行单击事件等）不会触发。因此，如果您愿意将参数传回上述同一页面，那么您可以为每个控件传递 1-3（或 1-N）个值。

当然，这意味着您现在在网页上有一个参数 URL（用户会看到这个）。您当然只需使用标准

在页面加载时获取参数值

        Request.QueryString["ID"] or whatever.

但是，我认为更好的另一种方法是在 js 中简单地连接一个 OnClickClick() 事件，然后这样做：

  I = 1 to N
  Dim lnkBtn As New LinkButton
  lnkBtn.Text = "<br/>L" & I
  lnkBtn.ID = "cL" & I
  lnkBtn.OnClientClick = "mycellclick(" & I & ");return false;"

现在在上面注意我是如何将“I”传递给 js 例程的。您可以传递 200、300 或您想要的任何值。

那么您的脚本将如下所示：

<script>
    function mycellclick(e) {
        __doPostBack("MySelect", e);
    }
</script>

所以上面只是获取从单元格点击（和 linkbutn）传递的值，然后用 dopostback 执行 postback。我用的是“MySelect”，你可以给它起任何你想要的名字。

现在，在 on-load 活动中，您可以这样简单地进行：

 If Request("__EVENTTARGET") = "MySelect" Then
    Dim mypassvalue As String = Request("__EVENTARGUMENT").ToString
    Debug.Print("row sel for MySelect = " & mypassvalue)
 End If

因此，您是 100% 正确的 - 单击这些控件不会触发服务器端事件，而且它们连接得太晚以至于无法发生。所以你可以而且经常说向 gridview 添加一些列或控件，但是它们的创建和呈现太晚了，无法连接事件（因此它们在单击时不会触发）。

但是，您可以添加一个 postback 到 lnkbutton，您也可以添加一个 OnClickClick() 事件（JavaScript 函数调用），它们都可以工作。我不喜欢点击时出现 URL 中的参数，所以我认为按上述方式调用 js 脚本效果很好。

所以在评论中我注意到（并建议）您必须设置 CommandName="Select"。这个建议仍然成立（没有 CommandName = select，那么行索引将不会触发。您不能只使用任何名称 - 它必须是 select。但是，只有当控件是网格而不是动态添加。如前所述，可以将网格事件移动到“较早”事件（页面初始化），但这将是一个挑战，需要您 re-organize 页面。最干净、不需要 URL 中的参数的方法是添加 js OnClientClick() 事件。但是，您可以设置控件 postbackurl 以及 [=53= 中的参数]，如果你打开 URL 带参数（我不喜欢它们），那也可以很好地工作。

gridview 同一单元格上的多个 link 按钮 - 单击事件未触发 - c#

Multiple link button on same cell of gridview - click event is not firing - c#

c#

asp.net

gridview

linkbutton