Javascript 如何在单击gridview标头时获取其值-vb.net

我有一个网格视图，可以在单击列时按列排序

我想了解是否有一种方法可以获取单击的标题的值，然后通过查询字符串传递它

这是栅格视图中的一列：

<asp:TemplateField HeaderText="Order ID" SortExpression="orderId">
    <ItemTemplate>
        <asp:HyperLink ID="lblOrderID" runat="Server"></asp:HyperLink>
    </ItemTemplate>
    <ItemStyle HorizontalAlign="Left"></ItemStyle>
</asp:TemplateField>

然后使用JavaScript：

function GetHeaderText(txt) {
    alert(txt);
};

但我在单击任何标题时都不会收到警报。这是HTML源代码：

<table class="tableWhole" cellspacing="0" rules="all" UseAccessibleHeaderText="true" border="1" id="ctl00_content_OrderHistory_gdvHeaders" style="border-collapse:collapse;">
<tr class="tableHeader" onclick="JavaScript:GetHeaderText(&#39;ctl00_content_OrderHistory_gdvHeaders&#39;">
    <th scope="col">&nbsp;</th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Customer.email&#39;)">E-Mail</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$orderId&#39;)">Order ID</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Soldaddress.First&#39;)">First</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Soldaddress.Last&#39;)">Last</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$created&#39;)">Created</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Tax&#39;)">Tax</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Freight&#39;)">Freight</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$total&#39;)">Total</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$CRMOrderID&#39;)">AX Order No.</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$CRMStatus&#39;)">Processed</a></th>
</tr>

然后，我以以下方式构建我的URL：

Page.ResolveUrl("~/order-review.aspx?order_id=" & e.Row.DataItem.OrderID _
                                & "&siteKey=" & spiderSiteKey _
                                & "&strEnv=" & spiderStrEnv _
                                & "&Start=" & Me.startDate.Text _
                                & "&End=" & Me.endDate.Text _
                                & "&SortBy=" & strSortValue)  << here is the sort by column clicked.

---

非常感谢您查看此帖子。

这篇文章不清楚，内容太广泛。你试过什么，你被卡住的地方是什么？标题的值到底意味着什么？我用更多的细节更新了我的问题，然后用我的解决方案再次更新了它。非常感谢。

<table class="tableWhole" cellspacing="0" rules="all" UseAccessibleHeaderText="true" border="1" id="ctl00_content_OrderHistory_gdvHeaders" style="border-collapse:collapse;">
<tr class="tableHeader" onclick="JavaScript:GetHeaderText(&#39;ctl00_content_OrderHistory_gdvHeaders&#39;">
    <th scope="col">&nbsp;</th><th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Customer.email&#39;)">E-Mail</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$orderId&#39;)">Order ID</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Soldaddress.First&#39;)">First</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Soldaddress.Last&#39;)">Last</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$created&#39;)">Created</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Tax&#39;)">Tax</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$Freight&#39;)">Freight</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$total&#39;)">Total</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$CRMOrderID&#39;)">AX Order No.</a></th>
    <th scope="col"><a href="javascript:__doPostBack(&#39;ctl00$content$OrderHistory$gdvHeaders&#39;,&#39;Sort$CRMStatus&#39;)">Processed</a></th>
</tr>

strSortValue = e.SortExpression.ToString

Page.ResolveUrl("~/order-review.aspx?order_id=" & e.Row.DataItem.OrderID _
                                & "&siteKey=" & spiderSiteKey _
                                & "&strEnv=" & spiderStrEnv _
                                & "&Start=" & Me.startDate.Text _
                                & "&End=" & Me.endDate.Text _
                                & "&SortBy=" & strSortValue)  << here is the sort by column clicked.