How to get values from GridView in JavaScript

Question

I have an ASP.NET GridView (called "ActionsGrid") with several BoundFields as columns. In my JavaScript, I want to look at each selected row (with class name "highlighted") and extract the cell values from particular columns (1, 3, and 4).

Here's my script:

var params = [];

$('#ActionsGrid tr').each(function () {
    if (this.className === 'highlighted') {
        var record_pk = this.children("td:nth-child(1)");
        var obj_name = this.children("td:nth-child(3)");
        var obj_pk = this.children("td:nth-child(4)");
        params.push(record_pk + "," + obj_name + "," + obj_pk + "¬");
    }
});

My variables just return 'undefined'. Am I close?

Tom Bowen · Accepted Answer · 2017-06-01 08:37:03Z

1

You need to set your ClientID on your ActionGrid. This is the ID that is presented to the client and can be used in JavaScript.

If you have this set to "ActionsGrid" then you are close, however your jQuery selector needs to use a "#" to indicate you are selecting on an ID (like css):

$('#ActionsGrid tr').each(function () {

Also instead of selecting every row, and then checking the class on the row, you can make the class part of your selector. I.e. only select the rows with that class:

$('#ActionsGrid tr.highlighted').each(function () {

answered Jun 1, 2017 at 8:37

Tom Bowen

8,6244 gold badges24 silver badges46 bronze badges

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

5 Comments

lmhrpr Over a year ago

Apologies, the missing "#" was a typo. I've amended the question. Is ClientID different from ID on the grid? The ID is "ActionsGrid".

Tom Bowen Over a year ago

Then the key is probably setting your ClientId on your grid.

lmhrpr Over a year ago

In my DOM explorer, the HTML table ID is also "ActionsGrid". Is this what you mean by ClientID?

Tom Bowen Over a year ago

Yes. If you can see it in the DOM explorer, then you should be able to select it in jQuery. Is "ActionsGrid" the table element in the DOM?

lmhrpr Over a year ago

Yes. Perhaps the problem is with setting the variables?

lmhrpr · Accepted Answer · 2017-06-01 09:12:26Z

0

After a little experimentation, I found my variables need to be set like so:

var record_pk = $(this).children("td:nth-child(1)").html();
var obj_name = $(this).children("td:nth-child(3)").html();
var obj_pk = $(this).children("td:nth-child(4)").html();

answered Jun 1, 2017 at 9:12

lmhrpr

1331 gold badge1 silver badge12 bronze badges

Collectives™ on Stack Overflow

How to get values from GridView in JavaScript

2 Answers 2

5 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related