从Javascript访问Gridview单元格

Access Gridview cell from Javascript

本文关键字:单元格 Gridview 访问 Javascript      更新时间:2023-09-26

我看过另一篇关于同样问题的文章

但这不足以回答我的问题。

实际上很简单,我想从Javascript访问单元格值。

我已经试过了:

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

但是我得到一个undefined作为回报。如果我使用innerHTML,我得到的结果是完整的HTML,这是我不感兴趣的。

然而,我如何通过一个rowIndex从gridview按钮的函数,为了让代码找出哪一行被点击?

try this:

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

希望对您有所帮助

如果您不介意使用JQuery,您可以像这样检索单元格值:

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

至于确定行索引,您可以通过在网格视图中创建一个按钮来实现:

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

然后再次使用JQuery来确定行索引:

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