在gridview下计算总计

Question

我有一个网格视图，旁边有一个数量和计算价格。当我在 Gridview 中更改数量时，价格会立即发生变化。我想在 gridview 之外显示总价。我在网格视图之外显示总价，但是当单个商品的数量和价格发生变化时，价格不会动态变化。下面是我想要的图像。我想在价格发生变化时立即显示和计算 $560。

下面是我的gridview代码：

<asp:GridView ID="grdShoppingCart" runat="server" AutoGenerateColumns="false" class="ui-responsive table-stroke ss-table ui-search-result-table" GridLines="None" OnRowDataBound="grdShoppingCart_RowDataBound"  >
                <Columns>
                    <asp:BoundField DataField="item" HeaderText="Item" HeaderStyle-Font-Bold="true" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" ItemStyle-Width="250px" ControlStyle-CssClass="ss-row"    />
                    <asp:TemplateField HeaderText="Description" HeaderStyle-Font-Bold="true" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" ItemStyle-Width="300px" ControlStyle-CssClass="ss-row"    >
                        <ItemTemplate>
                            <asp:Label ID="lblDesc" runat="server" Text='<%# Eval("child") %>' /><br />
                            &nbsp;Requested By: &nbsp;<asp:Label ID="lblDesc1" runat="server" Text='<%# Eval("RequestedBy") %>' />
                        </ItemTemplate>

                    </asp:TemplateField>
                       <asp:TemplateField HeaderText="Quantity" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left"  ControlStyle-CssClass="ss-row"  >
                        <ItemTemplate>
                                    <asp:TextBox Width="45px" TextMode="Number" ID="txtQuantity"  Text='<%#Eval("Quantity") %>'    runat="server" AutoPostBack="true" OnTextChanged="txtQuantity_TextChanged" ></asp:TextBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Price" HeaderStyle-HorizontalAlign="right" ItemStyle-HorizontalAlign="Right" ItemStyle-Width="100px" ControlStyle-CssClass="ss-row" >
                        <ItemTemplate>
                            <asp:Label ID="lblPrice" runat="server"></asp:Label>
                        </ItemTemplate>
                    </asp:TemplateField>
                     <asp:TemplateField ShowHeader="False" HeaderStyle-HorizontalAlign="center" ItemStyle-HorizontalAlign="center" ItemStyle-Width="150px" ControlStyle-CssClass="ss-row" >
                        <ItemTemplate>
                             <asp:ImageButton CommandArgument='<%# Eval("recordId") %>' ID="imgbtnDelete" runat="server" ImageUrl="~/Images/delete1.png"  CommandName="Delete"   ToolTip="Click To Dletee" AlternateText="Click To Dletee"/>                            
                      </ItemTemplate>
                        </asp:TemplateField>

                </Columns>

            </asp:GridView>

这是我在后面的代码中尝试做的以显示总数：

我在我的类中声明了这个变量，并将价格文本框的值放在 rowDatabound 的总变量中

public string total;
protected void grdShoppingCart_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                Label lbl = (e.Row.FindControl("lblPrice") as Label);
                TextBox tbq = (e.Row.FindControl("txtQuantity") as TextBox);
                
                if(tbq.Text !="")
                {
                    lbl.Text = (Convert.ToInt32(tbq.Text) * 28).ToString();
                    total= lbl.Text.ToString(); 
                }
                    
            }
        }

在 aspx 页面中，我这样写：

Total: <%=total %> 

下面是改变价格和数量的代码：

 protected void txtQuantity_TextChanged(object sender, EventArgs e)
        {
            TextBox changeTextbox = sender as TextBox;
            GridViewRow row = (GridViewRow)changeTextbox.NamingContainer;
            TextBox tbq = (row.FindControl("txtQuantity") as TextBox);
            Label lblPrice = (row.FindControl("lblPrice") as Label);
            lblPrice.Text = (Convert.ToInt32(tbq.Text) * 28).ToString();
     }

任何帮助都将受到高度赞赏。

Answer 1

您的代码很接近。请记住，数据网格将在往返过程中持续存在（回发），更重要的是，如果您仅在 FIRST 回发 = false 时绑定数据网格？

然后网格将显示，但行数据绑定事件不会重新触发（因此没有总数）

所以，我们假设在页面返回时我们重新绑定。

现在你有了这个代码：

total= lbl.Text.ToString(); 

你需要

total = total + lbl.Text.ToString()

或者，当然是这样的：

total += lbl.Text.ToString()

或者更多，你想要一个最终的总数，然后

total += lbl.Text * tbq.Text

但是，你所拥有的应该可以工作。

编辑：

我现在看到的问题是总价格没有立即更新。但是我们至少应该在页面重新刷新时获得最终的总工作量。

如果您希望在编辑时更新总数？然后最容易的是在您的文本更改事件中重新计算总数。所以说这样的代码：

因此，您可以先拥有现有代码，然后在同一文本更改事件中添加此循环：

protected void TextBoxE_TextChanged(object sender, EventArgs e)
{

// total the grid
sTotal = 0;
GridViewRow gvr;

foreach (var gvr in GridView1.Rows)
{
    TextBox txtV = gvr.FindControl("lblPrice");
    if (txtV.Text != "")
        sTotal += lblprice.Text;
}
}

因此，在您更改的文本中，您可以（并且需要）在更新一行后重新循环这些行。所以需要运行上面的循环。请记住，行数据绑定事件会针对数据绑定上的每一行触发。如果您在回发时执行 gridview 数据绑定，那么您当然会丢失网格中的值。但是，我敢打赌，您没有进行数据绑定，因此一个简单的循环重新计算金额应该可以正常工作。

这里的主要问题是您遗漏了问题的主旨。那是什么？当然，为什么您首先忽略了汇总的地方。由于你的那部分是错误的（或者至少看起来是错误的），那么我的帖子首先解决了这个问题，你需要 +=。如果您的 intitail 总负载有效，那么您应该发布该代码及其工作原理 - 因为您发布的内容将不起作用。

所以现在我们弄清楚了为什么我的帖子解决了首次渲染时缺少总计的问题。

一旦你开始工作（并且你应该已经发布了它是如何工作的），那么只有这样我们才能解决文本更改事件。如上所示，重新循环并汇总所有行很容易，因为您的更改将持续存在并存在于该数据中 - 所以在您的文本更改后 - 运行/添加/执行上述循环以重新汇总。