javascript - 使用 JavaScript 获取 GridView 的列名称或标题文本

Question

我正在开发一个网络应用程序，我需要使用 JavaScript 的 GridView 的列名称。之后，在 Div 上显示该列的名称。

请帮我解决这个问题。

Answer 1

没有标准方法可以做到这一点。 GridView 在运行时只不过是一个 html 表格。因此，您能做的最好的事情就是通过 JavaScript 获取该表并获取其列。

假设，您已经像这样声明了 gridview:

<asp:GridView ID="GridView1" runat="server">
</asp:GridView>

并在运行时将其绑定(bind)，如下所示:

        DataTable dt= new DataTable();
        db.Columns.Add("Col1");
        db.Columns.Add("Col2");

        db.Rows.Add("one", "two");
        GridView1.DataSource = dt;
        GridView1.DataBind();

然后在运行时，为您的 gridView 生成如下所示的标记

<table cellspacing="0" rules="all" border="1" id="GridView1" 
       style="border-collapse:collapse;">
     <tr>
         <th scope="col">Col1</th>
         <th scope="col">Col2</th>
     </tr>
     <tr>
        <td>one</td>
        <td>two</td>
    </tr>
</table>

很明显，列是 GridView 表中的第 元素，您可以通过 JavaScript 轻松获取，如下所示:

var table = document.getElementById('GridView1');
var headers = table.getElementsByTagName('th');

for(var i=0;i<headers.length;i++)
{
    alert(headers[i].innerText);
    //or append to some div innerText
}

参见this fiddle关于如何抓取表格元素