Question

我试图在按钮点击时删除Gridview行。我想将点击的行的id保存到变量中。并在超链接中使用此变量。

这里是我的RowDataBound代码

  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes.Add("onmouseover", "this.style.cursor='Pointer';this.style.backgroundColor='Yellow'");
       e.Row.RowIndex.ToString())); 

        string id = DataBinder.Eval(e.Row.DataItem, "ProductionOrderId").ToString();
    // somthing like
    // return id ;

    }
}

这里是超链接，我需要我所选行的ID

<asp:HyperLink  runat="server" NavigateUrl="~/Producter/Delete?id= id" ID="HyperLink1"> Delete</asp:HyperLink>

Answer 1

首先：将jQuery的引用添加到主页面的head部分

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

其次：将ProductionOrderId作为属性添加到数据行中（如下所示），这样可以通过jQuery在客户端访问它

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
            {
                e.Row.Attributes.Add("onmouseover", "this.style.cursor='Pointer';this.style.backgroundColor='Yellow'");
                e.Row.RowIndex.ToString();
                string id = DataBinder.Eval(e.Row.DataItem, "ProductionOrderId").ToString();
                //save ProductionOrderId as datarow attribute
                e.Row.Attributes.Add("rowid", id);
            }
}

第三

在.aspx文件的正文中添加以下脚本标记。每次单击一行时，它都会修改“删除”链接，并使用要删除的行的ID。为了清晰和完整起见，我还包含了您的链接。

<a href='<%=ResolveUrl("~/Producter/Delete?id=" ) %>' ID="HyperLink1">Delete</a>

 <script language="javascript">
    //every time a row is clicked this script will perform the following actions:
        $("tr").click(function () {
            var clicked = $(this);
            //get the row id from the currently cliked row
            var rowid = clicked.attr("rowid");
            //get the value of href attribute from the link with id 'HyperLink1'
            var link = $("#HyperLink1").attr("href");
            //remove any previously appended values
            var linkTokens = link.split("=");
            linkTokens[1] = "";
            link = linkTokens.join("=");
            //append the current row id to the link
            link = link + rowid;
            //set the href attribute of your link to the new value
            $("#HyperLink1").attr("href", link);
        });
    </script>

如果您需要进一步的帮助，请随时告诉我。

声明：通常最好使用cdn来传递js文件，因为它们很可能已经被用户浏览器缓存了。

根据要求，以下是如何将jquery库2.0放入内容文件夹中：

备份您的工作解决方案。
用鼠标右键单击this link，然后选择另存为。
将其保存到磁盘上的内容文件夹中。
从Visual studio中选择“添加现有项目”
浏览到您的内容文件夹
选择您的jquery文件
点击添加。
现在将您的jquery文件拖到页面的标题部分。
删除旧标记（链接到ajax.googleapis.com）

Answer 2

修改RowDataBound以将GridView记录ID保存到客户端：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes.Add("onmouseover", "this.style.cursor='Pointer';this.style.backgroundColor='Yellow'");
       e.Row.RowIndex.ToString())); 

        string id = DataBinder.Eval(e.Row.DataItem, "ProductionOrderId").ToString();

        // store the id at the client side
        e.Row.Attributes.Add("id", id);
    }
}

在您的javascript代码中（使用jQuery）：只要单击GridView记录，这将更改超链接href值。

<script type="text/javascript">
  $('#<%=GridView1.ClientID %> tr[id]').click(function () {
      idToDelete = $('#<%=GridView1.ClientID %> tr[id]').val();
      $("a.HyperLink1").attr("href", "~/Producter/Delete?id=" + idToDelete);
  });
</script>

虽然我还没有对代码进行测试，但我希望它能够按要求运行。

修改你还应该在head部分添加jQuery.js文件的引用，如下所示：

<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>

Answer 3

更简单的方法是创建辅助方法：

string getLink(MyObject obj)
{
   return "~/Producter/Delete?id" + obj.ID;
}

在视图中：

<asp:HyperLink  runat="server" NavigateUrl="<%# getLink(Container.DataItem) %>" ID="HyperLink1"> Delete</asp:HyperLink>

如何从Gridview-RowDataBound返回值以在链接中使用它。 C＃

3 个答案: