在javascript中gridview的页脚模板中访问标签答案

【问题标题】：Acces label in footertemplate of gridview in javascript在javascript中gridview的页脚模板中访问标签
【发布时间】：2010-10-22 14:58:00
【问题描述】：

我在 gridview 列的页脚模板中有一个标签。我想在javascript中的这个标签中放置一个计算值（行值的总数）。我可以访问我的项目模板中的所有文本框，但我不知道如何在我的页脚模板中找到我的标签。

.aspx：gridview 中的列

  <asp:TemplateField HeaderText="Prijs excl. BTW">
  <ItemTemplate>
    <asp:TextBox ID="txtBTWTarief" Width="60px" runat="server" Text='<%# Eval("exclBTW") %>'   />
  </ItemTemplate>
  <FooterTemplate>
    <asp:Label ID="lblTotexclBTW" runat="server" Text="0" Width="60px"></asp:Label>
  </FooterTemplate>
  </asp:TemplateField>

.aspx.cs：附加到我的文本框和 ddl 的事件处理程序

protected void gridviewDiversen_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        string evtHandler;
        int rowIndex = Convert.ToInt32(e.Row.DataItemIndex) + 1;
        evtHandler = "updateValue(" + gridviewDiversen.ClientID + "," + rowIndex + ")";
        ((TextBox)e.Row.FindControl("txtBTWTarief")).Attributes.Add("onblur", evtHandler);
        ((TextBox)e.Row.FindControl("txtKorting")).Attributes.Add("onblur", evtHandler);
        ((DropDownList)e.Row.FindControl("ddlBTW")).Attributes.Add("onchange", evtHandler);
    }
}

javascript：事件处理程序在行动

    function updateValue(theGrid, rowIdx)
    {
        var ddl, t1, t2, l1, l2, l3, l4, k1; 
        ddl = document.getElementById(theGrid.rows[rowIdx].cells[2].children[0].id);
        t1 = document.getElementById(theGrid.rows[rowIdx].cells[3].children[0].id); 
        //calculations...
    }

在这个脚本中，我在 Itemtemplate 中找到了我的文本框，但我不知道如何在页脚模板中找到我的标签。任何人的想法？谢谢

【问题讨论】：

标签： c# javascript asp.net

【解决方案1】：

如果你在 JS 中进行计算并且需要使用客户端查找标签，你可以使用 jQuery：

$('.yourLabelClass').html('Updated results');

或者只是 JS：

var labels = document.getElementsByTagName("span");
for (var i=0; i < labels[i]; i++) {
    if (labels[i].className && labels[i].className == 'yourLabelClass')
        labels[i].innerHTML = 'Updated results';
}

【讨论】：

谢谢，我使用 jquery 来填充我的 javascript 中的标签。