Member 13607283 Ответов: 0

Как мне добавить табличные ячейки?


<asp:TableRow runat="server" BackColor="#92cc91">
                            <asp:TableCell  runat="server" ><asp:Label ID="TimeCode1" runat="server" width="50px" Text="1" BackColor="Transparent" BorderStyle="None"></asp:Label>
                            </asp:TableCell>
                            <asp:TableCell runat="server" ><asp:TextBox ID="TbDay11" CssClass="myTC"  style="text-align: center" runat="server" width="75px" AutoPostBack="True" ></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server" ><asp:TextBox   runat="server" ID="TbDay21" CssClass="myTC" style="text-align: center; width: 75px;" AutoPostBack="True"></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server" ><asp:TextBox ID="TbDay31"  CssClass="myTC" runat="server" style="text-align: center" width="75px"   AutoPostBack="True"></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server" ><asp:TextBox ID="TbDay41" CssClass="myTC" runat="server"  style="text-align: center" width="75px" AutoPostBack="True" ></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server" ><asp:TextBox ID="TbDay51" CssClass="myTC" runat="server"   style="text-align: center" width="75px" AutoPostBack="True" ></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server" ><asp:TextBox ID="TbDay61" CssClass="myTC" runat="server"   style="text-align: center" width="75px" AutoPostBack="True" ></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server"><asp:TextBox ID="TbTotalHrs1" CssClass="corners totalRow" runat="server"  style="text-align: center" width="75px" AutoPostBack="True" ReadOnly="True"></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server"><asp:TextBox ID="TbProgHrs1" CssClass="corners" runat="server"  style="text-align: center" width="75px" AutoPostBack="True" ReadOnly="True"></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server"><asp:TextBox ID="TbDelta1" CssClass="corners" runat="server" style="text-align: center" width="75px" AutoPostBack="True" ReadOnly="True"></asp:TextBox>
                            </asp:TableCell>
                            <asp:TableCell runat="server"><asp:TextBox ID="TbFixed1" CssClass="corners" runat="server"  style="text-align: center" width="75px" AutoPostBack="True" ReadOnly="True"></asp:TextBox>
                            </asp:TableCell>
                        </asp:TableRow>

<pre><script type="text/javascript">
    $(".myTC").focusout(function () {
        $('tr').each(function () {
            //the value of sum needs to be reset for each row, so it has to be set inside the row loop
            var sum = 0
            //find the TC elements in the current row and sum it 
            $(this).find('.TC').each(function () {
                var tc = $(this).text();
                if (!isNaN(tc) && tc.length !== 0) {
                    sum += parseFloat(tc);
                }
            });
            //set the value of currents rows sum to the TotalHrs element in the current row
            $('.TbTotalHrs1', this).html(sum);
        });
        });
       
    
</script>



Что я уже пробовал:

Привет, ребята, нужна небольшая помощь здесь, пытаясь суммировать TbDay11,TbDay21,TbDay31... и т. д. и поместить общую сумму в TbTotalHrs1 с помощью jquery, так как я хочу, чтобы это произошло без обновления всей страницы.
Таблица имеет идентификатор "myPostTable" и завернута в UpdatePanel, если это имеет значение.
Я новичок в jquery и изо всех сил пытаюсь понять это ... любая помощь будет оценена по достоинству.

0 Ответов