delete the contents or rows of gridview using javascript or jquery

Question

4.00/5 (1 vote)

See more:

hi i am using a grid view in a page and i want to delete the contents of the gridview means the rows which are not needed using javascript i can clear the entire contents of gridview and also the all 'td' of gridview using a single jquery like gridviewid.clear(); line but i do not want to clear all contents i want to keep the 2 rows then after 2 rows what ever extra rows are there in gridview i want to delete using javascript or jquery i tried like this...

C#

for(var j =2 ;j<=rowscount;j++) {
    grd.deleteRow(3);}

but i am not able to get this right its not working i had also tried to take each contents by using following code:

C#

for(var j =2 ;j<=rowscount;j++) {
var lblid = "ctl00_ContentPlaceHolder1_gridColumn_ctl0"+ j +"_Label2";
    $(document.getElementById(lblid)).empty();
    var id = "ctl00_ContentPlaceHolder1_gridColumn_ctl0" + j + "_ddlcolumnname";
    var dropdown1 = document.getElementById(id);
    $(dropdown1).empty();
    var id2 = "ctl00_ContentPlaceHolder1_gridColumn_ctl0"+ j +"_ddlcolumndata";
    var dropdown2 = document.getElementById(id2);
    $(dropdown2).empty();
}

but the empty() function is clearing all contents in page full page becomes empty and to delete the rows based on row number i do not have anything as row number in gridview means i have 2 dropdowns and a textbox within the gridview so how to i clear all the datas after 2 rows please can u help me the coding in javascript or jquery...

thanking you in advance!

Posted 2-Jan-13 3:20am

Shruthi.BT

Updated 2-Jan-13 3:22am

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sampath Kumar Sathiya · Accepted Answer · 2013-01-02T17:20:00

Solution 1

Hi,

Try the following,

http://jquerybyexample.blogspot.com/2011/09/how-to-remove-rows-from-gridview-using.html[^]

Posted 2-Jan-13 17:20pm

Sampath Kumar Sathiya

Shruthi.BT · Accepted Answer · 2013-01-02T20:05:00

Solution 2

i tried it using the javascript like this

                var grd1 = document.getElementById('ctl00_ContentPlaceHolder1_gridColumn');
grd1.deleteRow(k);


where k is the row which u want to delete i got row by using grd1.rows.length

Posted 2-Jan-13 20:05pm

Shruthi.BT