使用javascript单击编辑按钮时获取GridRow值

时间:2014-11-05 16:43:34

标签: javascript c# jquery html asp.net

我有一个网格,它绑定了模板字段中的隐藏字段,图像和编辑按钮。 当我使用javascript单击编辑按钮时,我试图获取隐藏字段值。 但我总是在每行编辑按钮上获得相同的id值。

这是我的代码

<asp:GridView ID="GrdEmployeeDts" runat="server" AutoGenerateColumns="False" EmptyDataText="No Data Added" Width="100%" CellPadding="4" CssClass="table table-hover table-nomargin dataTable dataTable-columnfilter"                            GridLines="None">
<Columns>
  <asp:TemplateField>
  <ItemTemplate>
<input type="hidden"  value='<%# Eval("recordId") %>'id="hdnfldId">    </input>

<button id="btnProfile" runat="server" class="btn btn-default" title="View" ><%# Eval("firstName").ToString()+" "+Eval("lastName").ToString()%></button>

<button class="btn btn-mini btn-warning " id='btnEdit' title="Edit" onclick="javascript:edit();return false;" > <i class="fa fa-edit"></i>Edit</button>

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



<script type="text/javascript">

   function edit()
   {
        var id = $('#hdnfldId').val();
       console.log(id);
   }

</script>

我开始使用JavaScript。当我单击网格行编辑按钮时,我想获取隐藏的字段值。 帮帮我吧

提前谢谢

1 个答案:

答案 0 :(得分:0)

尝试类似:

  var id =$(this).parent('tr').find('#hdnfldId').val();
  console.log(id);

只需粘贴您的表格结构,这有助于其他人轻松回答