如何使用javascript遍历gridview的列？

Question

I have a gridview that is binded dynamically on run time. I need to traverse a column of gridview on client side. I have passed the id of gridview to the javascript function but I have no clue as how to traverse a particular row.

I m calling the javascript function from my code behind as -

btnInsert.Attributes.Add("OnClick", "return IsValidEntry(" + gridview.ClientID + ")");

right now I m catching ID of the control of a particular row and passing it to another javascript function as -

function IsValidEntry(Status) 
    {
        var strErr='';
        if(document.getElementById(Status.id).innerHTML == "Dev in Progress")
        {
            strErr+='<br>* Develeopment should be completed first.';
            document.getElementById('schValidation').innerHTML = strErr;                
            jQuery("#schValidation").show('slow');
            return false;
        }
    }

Which is working fine.but now I need to traverse this whole column.

A link or some sample code will be very helpful.

Thanks

Akhil

Answer 1

I would suggest using jquery. Give the column a CSS class and use the each iterator.

    $(function() {
        $('.className').each(function () {
            // do something...
        });
    });

Answer 2

Using JQuery you can traverse your gridview rows and column like this

$(document).ready(function () {
            $('#GridViewID tr').each(function () {
                alert($(this).find("td:eq(0)").text()); //get column1 value
                alert($(this).find("td:eq(1)").text()); //get column2 value
            });
        });

Answer 3

I solved it by -

function IsValidEntry() 
      {
        var len = document.getElementById('ctl00_ContentPlaceHolder1_gdScheduleNew').rows.length;
        var i;
        for (i = 2; i <= len; i++) 
        {
            if(document.getElementById("ctl00_ContentPlaceHolder1_gdScheduleNew_ctl0" + i + "_lblStatus").innerHTML == "Dev in Progress")
            {
                //Code here
            }
      }
}