Loop through displayed rows

[Johnathan]

Hello,

Is there a way to loop through only the displayed rows of a radgrid, preferably on the client-side with javascript?

Thanks,

Johnathan

[Patrick | Technical Support Engineer, Senior]

Hello Johnathan,

One way is get a reference to the masterTableView, get the dataItems, and loop through each item.    In this case, I'm getting the cell under ProductName and the element.

Here is the JavaScript:

function Click() {
    var grid = $find("<%=RadGrid1.ClientID %>");
    var masterTable = grid.get_masterTableView()
    var dataItems = masterTable.get_dataItems();
    for (var i = 0; i < dataItems.length; i++) {
        console.log(dataItems[i].get_cell("ProductName").innerHTML);
        console.log(dataItems[i].get_element());
    }
}

I've attached a project which illustrates this approach.

Hope this helps!

Regards,
Patrick
Telerik by Progress