c# - Delete GridviewRow using Javascript? - Stack Overflow

admin管理员组

文章数量:1405170

I've a gridview in which there is an add and remove row facility.I want to knoow how could i remove a particular gridview row when corresponding remove button is clicked.

I've searched everywhere but nothing find quite useful to me

Heres my code

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

This is my javascript code

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

Im new to javascript........

I've a gridview in which there is an add and remove row facility.I want to knoow how could i remove a particular gridview row when corresponding remove button is clicked.

I've searched everywhere but nothing find quite useful to me

Heres my code

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

This is my javascript code

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

Im new to javascript........

• c#
• javascript
• asp
• gridview

Share Improve this question Follow edited Mar 25, 2012 at 9:50 Mahmoud Gamal 80k1818 gold badges142142 silver badges168168 bronze badges asked Mar 25, 2012 at 8:12 ksgksg 4,06788 gold badges5353 silver badges9898 bronze badges 1

• as you say you are new to javascript,I would remend you use Kendo Grid very helpful and open source demos.kendoui./web/grid/index.html demos.kendoui./web/overview/index.html – RohitWagh Commented Mar 25, 2012 at 8:17

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

Try this:

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;
}

Old post i know but Tsachi's Answer was almost perfect for me except

This

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

had to bee this

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

In case anyone else looks at this

本文标签： cDelete GridviewRow using JavascriptStack Overflow