Access Gridview cell from Javascript

Question

I've looked at the other post regarding the Same Question

But this is insufficient for what I have to ask about.

It's very simple actually, I want to access the cell value from Javascript.

I have tried this:

var grid = document.getElementById('<%=gvUdgivelser.ClientID%>');
var cell = grid.rows[0].cells[5].innerText;

But I get a undefined in return. If I use the innerHTML I get a result with the full HTML, which I am not interested in.

However, how do I pass a rowIndex to a function from the gridview button, in order for the code to find out which row was clicked?

Is the button inside of every GridView row? Then you could pass a reference to the js-function from the button's client click handler. — Tim Schmelter
– Tim Schmelter, Commented Sep 20, 2011 at 14:03

Zen Iskan · Accepted Answer · 2012-11-07 04:11:39Z

3

try this :

var grid = document.getElementById('<%=gvUdgivelser.ClientID%>');
var cell = grid.rows[0].cells[5].textcontent;

hope this help

answered Nov 7, 2012 at 4:11

Zen Iskan

1651 gold badge2 silver badges11 bronze badges

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

Comments

jdavies · Accepted Answer · 2011-09-20 14:36:32Z

0

If you don't mind using JQuery, you can retrieve the cells value like so:

var rowIndex = 1;
var cellIndex = 5;
var cellValue = $('#<%= gvUdgivelser.ClientID %> tbody tr:eq(' + rowIndex + ') td:eq(' + cellIndex + ')').html();

As for determining the row index, you can do this by creating a button within the grid view:

<asp:TemplateField>
    <ItemTemplate>
        <input type="button" onclick="getRowIndex(this);" value="Get Row Index" />
    </ItemTemplate>
</asp:TemplateField>

And then make use of JQuery again to determine the row index:

function getRowIndex(button) {
    var closestRow = $(button).closest('tr');
    var rowIndex = $('tr').index(closestRow);
}

Hope this helps.

edited Sep 20, 2011 at 14:36

answered Sep 20, 2011 at 14:13

jdavies

12.9k3 gold badges35 silver badges33 bronze badges

Collectives™ on Stack Overflow

Access Gridview cell from Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related