Question

让我详细说明......下面是我的部分gridview和一个按钮字段...我想要的是用于构建网址的按钮的文本值：

<asp:GridView CssClass="gridUser" ID="UsersGrid" ClientIDMode="Static" runat="server" AllowPaging="true" AllowSorting="true" PageSize="5" OnPageIndexChanging="PageIndexChange" OnRowCommand="Paging" OnSorting="SortPage" OnRowCreated="RowCreated"
                AutoGenerateColumns="false">

                <PagerSettings Mode="NextPreviousFirstLast" FirstPageImageUrl="~/Images/Navigation/firstpageIcon.png" LastPageImageUrl="~/Images/Navigation/lastpageIcon.png"
                    NextPageImageUrl="~/Images/Navigation/forwardOneIcon.png" PreviousPageImageUrl="~/Images/Navigation/backOneIcon.png" Position="Bottom" />

                <Columns>
                    <asp:TemplateField HeaderText="User Name" HeaderStyle-CssClass="gridHeader">
                        <ItemTemplate>
                           <asp:Button ID="UserLink" ClientIDMode="Static" runat="server" Text='<%#Eval("UserName") %>' CssClass="linkButton" OnClientClick = "return GetSelectedRow(this)"></asp:Button>
                    </ItemTemplate>
                        </asp:TemplateField>

这是我的javascript：

 $(".linkButton").click(function () {
        var ul = document.getElementById('UserLink');
        var row = ul.parentNode.parentNode;
        var rowIndex = row.rowIndex - 1;
        var Userid = row.cells[0].childNodes[1].value;
        var User = Userid;
        alert("Row is : " + row + "RowIndex is : " + rowIndex + "User ID is " + User);
    });

我的问题是我返回的行是第一行...而不是选定的行...如何获取所选行？感谢您的帮助。

Answer 1

试试这个......根据您的要求更改命名约定

{{1}}

Answer 2

您的第一个问题是，在您的按钮模板列中，您使用的是document.getElementById('UserLink');，每行都会重复此操作。您的元素ID应该是唯一的。有关详细信息，请参阅此http://httpd.apache.org/docs/current/programs/configure.html。

你的第二个问题是UserLink实际上会找到id为var ul = this;的第一个元素，它始终是第一行。在您的情况下，您可以document.getElementById('UserLink')，这应该为您提供实际点击的按钮。

总结：

我建议在你的按钮上骑上id或使它们独一无二。
将this更改为{{1}}，这将为您提供点击的按钮。

如何在Javascript或JQuery中获取Gridview中的选定行

2 个答案: