Gridview 在运行时计算列

Question

我有一个三列五行的网格视图，其中包含文本项项模板字段，用于在运行时使用 Gridview 将数据插入数据库。我想使用此网格视图进行一些计算，例如在其中添加 Col1 和 Col2 的列第 3 列以及页脚中 Col1 的总和。我还想在没有回发或页面刷新的情况下在文本框中进行文本更改时进行计算。请告诉我该怎么做。 我有以下代码来制作网格视图

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" ShowFooter="True">
            <Columns>
                <asp:TemplateField HeaderText="One">
                    <FooterTemplate>
                        <asp:Label ID="lblOne_tot" runat="server"></asp:Label>
                    </FooterTemplate>
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Two">
                    <FooterTemplate>
                        <asp:Label ID="lblTwo_tot" runat="server"></asp:Label>
                    </FooterTemplate>
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Total">
                    <ItemTemplate>
                        <asp:Label ID="lblTotal" runat="server"></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

Answer 1

在每个调用 JavaScript 函数的文本框上添加一个“onChange”事件。在此函数中，进行计算并更新正确的标签/div/span/等。

<script language="javascript">
function doCalculations1(whichControl)
{
   //do calculations on whichControl.value
   var outputValue = whichControl.value * 5;
   //replace lblOne_tot with clientID after page is built
   document.getElementById("lblOne_tot").value = outputValue;
}
</script>

<asp:TextBox id="TextBox1" runat="server" onchange="javascript:doCalculations1(this);" />