ASP.NET - How to calculate gridview row values in client side

Asked By yashalakshmi on 22-Jun-13 08:50 AM
Hi all..

I have a gridview in asp.net as follows:

<asp:GridView ID="gvseat" runat="server" Visible="false" AutoGenerateColumns="false"  OnRowCommand="gvseat_OnRowCommand" BackColor="White" 
                AlternatingRowStyle-BackColor="Beige" HeaderStyle-Height="30px" HeaderStyle-Font-Size="Small" 
                RowStyle-Height="30px" style="margin-top: 9px">
               <Columns>
               <asp:TemplateField HeaderText="Seat No." HeaderStyle-BackColor="DeepSkyBlue" HeaderStyle-ForeColor="Crimson">
                    <ItemTemplate>
                        <asp:TextBox ID="txtseat" runat="server" Text="" BorderStyle="None" />
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ControlToValidate="txtseat"
                             ErrorMessage="Please Enter Seat Number" ValidationGroup="DisplayErrorMsg" SetFocusOnError="true" ForeColor="Red">*</asp:RequiredFieldValidator> 
                    </ItemTemplate>
               </asp:TemplateField>
               <asp:TemplateField HeaderText="Ticket Amount(Per Head)" HeaderStyle-BackColor="DeepSkyBlue" HeaderStyle-ForeColor="Crimson">
                    <ItemTemplate>
                        <asp:TextBox ID="txtticketamt" runat="server" Text="" BorderStyle="None" OnKeyPress="return ValDigit(this)" onblur="javascript:calculateGrandTotal() ;" /> 
                    </ItemTemplate>
               </asp:TemplateField>
                </Columns>
            </asp:GridView>


and a textbox as:
<asp:TextBox ID="txttotamt" runat="server" Text="" ReadOnly="true" style="text-align:right" Height="15px" Width="97px" />

Now how can I calculate textbox value (ie.,  txtticketamt value) of each gridview row and display the result in txttotamt.text. using javascript function?

I tried a lot but failed. Plz give me a solution