Gridviewはランタイムに列を計算する

Question

私は3つの列とテキスト項目項目のテンプレートフィールドを持つ5つの行グリッドビューを持っているGridview.andを使用してランタイムにデータを挿入すると、このグリッドビューでいくつかの計算をしたい3列目のCol1とCol2の合計と、footer.Andの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」イベントを追加作成するコードを以下しています。この関数の中で、あなたの計算を行い、適切なlabel/div/span/etcを更新してください。

<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);" />