如何计算gridview中的列

时间:2014-03-03 14:27:41

标签: asp.net

我有一个gridview和一个文本框标题中带有文本框的列。框头文本我必须放任何数量,当我进入文本框gridview其他数量,他们都乘以然后除以100.我知道我必须使用jQuery,但我找不到解决方案。有谁可以帮助我吗。感谢

enter image description here

1 个答案:

答案 0 :(得分:0)

在你的html中执行类似这样的操作我将你的专栏带到这个例子

                                     <asp:GridView ID="GridView" runat="server" AutoGenerateColumns="False" 
                                             Width="800px" AllowPaging="True" CellPadding="4" 
                                            Height="1px" PageSize="8" 
                                            GridLines="Vertical" AllowSorting="True" 
                                            BorderStyle="Solid">
                                        <Columns>
                                            <asp:BoundField DataField="ccc1" HeaderText="ccc1" />
                                            <asp:BoundField DataField="ccc2" HeaderText="ccc2" />
                                            <asp:TemplateField HeaderText="ccc3">
                                            <ItemTemplate>
                                                <asp:TextBox ID="txtValue" runat="server" Width="80px"></asp:TextBox>
                                            </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Result">
                                            <ItemTemplate>
                                                <asp:Label ID="txtResult" runat="server"></asp:Label>
                                            </ItemTemplate>
                                            </asp:TemplateField>
                                        </Columns>
                                    </asp:GridView>

并使用jquery函数执行此操作

  

      function pageLoad(){

    $(document).ready(function () {

        $("#<%=GridView.ClientID%> [id*='txtValue']").change(function () {

            var tr = $(this).parent().parent();
            var value = document.getElementById("<%=textbox1.Clientid%>").value;

            $("td:eq(3) span", tr).html($(this).val() * value);

        });

    });
}

对于这项工作,您需要添加到项目jquery-1.7.2.min.js