如何使用 jQuery 将 gridview 行的数据键值存储在元素的 .data Expando 上？

Question

在网格视图中，我想使用 jQuery 的 .data 功能将当前行的数据键值之一存储在元素中作为 Expando 属性。

如果我能在数据绑定上做到这一点，我将是最高兴的。

请参阅带有注释 TODO 的网格视图 Marjup，以获得更好的图片。

主要目标是最终能够获得元素上的 Id（即每行的数据键）。

你能给建议吗？

谢谢！

<asp:GridView ID="gridViewPayments" runat="server" AutoGenerateColumns="false" DataKeyNames="Id">
        <Columns>
        <
        <asp:BoundField DataField="Due" HeaderText="Due"/>
        <asp:TemplateField>
            <ItemTemplate>
                <a class="quick-update" href="#">
                   <%#Eval("Status.Name").ToString()%></a>
      <!-- TODO:
          Store Eval("Id").ToString() as a data in this <a> element -->
      <!-- so that I can  reach it later as follows:
         $('.quick-update').data('Id') -->

            </ItemTemplate>

        </asp:TemplateField>
        </Columns>
        </asp:GridView>

Answer 1

jQuery 支持存储数据属性，这意味着您可以简单地执行以下操作。

<a class="quick-update" href="#" data-id='<%# Eval("Id") %>'>Click here </a>

然后只需使用

$(".quick-update").click(function(e) {
    e.preventDefault();
    var id = $(this).data("id");
    alert(id);
});