How to hide gridview row in asp.net using jquery?

Question

Hi I am developing one application using asp.net and jquery where i have one gridview. I am trying to hide rows of grid view based on certain condition. I tried with some jquery code as below.

for (var k = 0; k < result.length; k++)
            {
                $('#<%= GridView1.ClientID %> input[type="hidden"]').each(function () {

                    if($(this).val()==result[k])
                    {

                      //Want to hide kth row of gridview 
                    }
                });

            }

And as soon as i hide the row then i want to break the inner loop. I tried by putting break but it is not working. May I have some inputs on the above problem? Thank you.

Mudassir Hasan · Accepted Answer · 2016-12-27 12:11:36Z

3

Yo need to fetch the parent row in which hidden filed lies and hide it.

 $('#<%= GridView1.ClientID %> input[type="hidden"]').each(function () {

    if($(this).val()==result[k])
    {

      //$(this).closest('tr').css('display','none');
      $(this).closest('tr').find('input[type="checkbox"]').prop('disabled',true);
      return false;
    }
  });

closest() function searches up the DOM tree i.e selected element's ancestor and return false is used to break out of each() function.

edited Dec 27, 2016 at 12:11

answered Dec 27, 2016 at 11:56

Mudassir Hasan

29k21 gold badges104 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Niranjan Godbole Over a year ago

I am struggling for this piece of code from past week. This is working like charm. Thank you... I am new to this asp.net world. again thank you very much

Niranjan Godbole Over a year ago

Sorry for asking again doubts. Suppose if i have checkbox in that row and instead of removing entire row just if i want to disable that checkbox then what I would have to do?

Niranjan Godbole Over a year ago

I tried as below. $(this).closest("td").find("input:CheckBox").attr("checked", false); But still i am able to check and uncheck checkbox.

Collectives™ on Stack Overflow

How to hide gridview row in asp.net using jquery?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related