Asp.net 敲除数据绑定到ASP gridview

我有一个ASP.NETGridView，我想将数据绑定到它。我想做的是在单击行上的按钮/选择行时更改行的颜色。我想在前端使用knockoutjs来完成这项工作。做一些非常像的事情。 我还没有发现任何东西可以澄清如何将数据绑定到一行并使所选行发生更改

 <asp:GridView ID="grvAccounts" runat="server" CellPadding="4" ForeColor="#333333" GridLines="Both" AutoGenerateColumns="false" Width="100%" OnRowCommand="grvAccounts_RowCommand1" DataKeyNames="UDField1">
            <AlternatingRowStyle/>
            <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" 
     />
            <RowStyle BackColor="#EDF3FC" /> 
            <Columns>
                <asp:BoundField ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                <asp:TemplateField HeaderStyle-Width="80px" HeaderText="Process">
                    <ItemTemplate>
                        <asp:Button ID="btnProcess" Text="Process" runat="server" CommandName="Process" CommandArgument="<%# Container.DataItemIndex %>" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="UDField1" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                <asp:BoundField DataField="UserID" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />

 />

                <asp:BoundField DataField="AccountID" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                <asp:BoundField DataField="FirstName" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                <asp:BoundField DataField="LastName" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                <asp:BoundField DataField="MasterID" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                <asp:BoundField DataField="Phone" ItemStyle-CssClass="Hide" HeaderStyle-CssClass="Hide" />
                            <asp:TemplateField HeaderStyle-Width="80px" HeaderText="Download">
                    <ItemTemplate>
                        <asp:Button ID="btnDownload" Text="Download" runat="server" CommandName="Download" CommandArgument="<%# Container.DataItemIndex %>" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

/>

您可以将此函数与jQuery库一起使用，以便在gridview客户端中添加颜色，并为脚本中添加的类添加css，并将此答案标记为正确答案，如果它适用于您，它应该是id*=gridview而不是Gridview1吗？然后我的css类也会被选中{background color:#bfd8ff}正确吗？有没有办法从JS中访问选中行中的数据？是的，有办法请在堆栈中添加新问题我会在那里更新你

$(function () {
    $("[id*=GridView1] td").bind("click", function () {
        var row = $(this).parent();
        $("[id*=GridView1] tr").each(function () {
            if ($(this)[0] != row[0]) {
                $("td", this).removeClass("selected_row");
            }
        });
        $("td", row).each(function () {
            if (!$(this).hasClass("selected_row")) {
                $(this).addClass("selected_row");
            } else {
                $(this).removeClass("selected_row");
            }
        });
    });
});