使用Javascript删除GridviewRow?

时间:2012-03-25 08:12:14

标签: c# javascript asp.net gridview

我有一个gridview,其中有一个添加和删除行工具。我想知道如何在单击相应的删除按钮时删除特定的gridview行。

我到处搜索,但没有什么对我有用

继承我的代码

<asp:TemplateField>
  <ItemTemplate>
     <asp:LinkButton ID="gdlbtnRemove" runat="server" 
     OnClientClick="RemoveRow(this)">Remove</asp:LinkButton>
  </ItemTemplate>
</asp:TemplateField>

这是我的javascript代码

<script type="text/javascript">
  function RemoveRow(rowindex,objref)
  { 
    var row=objref.parentNode.parentNode;
    row.Remove();  
  }
 </script>

我是javascript的新手........

2 个答案:

答案 0 :(得分:3)

试试这个:

apsx:

<ItemTemplate> 
    <asp:LinkButton  ID="gdlbtnRemove" runat="server"     
     OnClientClick="return RemoveRow(this)">Remove</asp:LinkButton> 
</ItemTemplate>

使用Javascript:

function RemoveRow(item) {
    var table = document.getElementById('myGridView');
    table.deleteRow(item.parentNode.parentNode.rowIndex);
    return false;
}

答案 1 :(得分:1)

老帖子我知道但Tsachi的答案对我来说几乎是完美的,除了

这个

var table = document.getElementById('GridviewID');

必须成为这个

var table = document.getElementById("<%= GridviewID.ClientID %>");

如果其他人看到这个

相关问题