如何在动态计算的GridView中有一列?

时间:2011-01-25 22:11:51

标签: asp.net gridview dynamic

我有以下GridView:

<asp:GridView ID="gv" AutoGenerateColumns="false" runat="server">
        <Columns>
            <asp:BoundField DataField="productName" HeaderText="Item" />
            <asp:BoundField DataField="unitCost" HeaderText="Cost" DataFormatString="{0:c}" />
            <asp:BoundField DataField="originalCount" ItemStyle-HorizontalAlign="Center" HeaderText="Old Count" />          
            <asp:TemplateField HeaderText="New Count" ItemStyle-HorizontalAlign="Center" >
                <ItemTemplate>
                    <asp:TextBox ID="NewCount"  Width="20" runat="server" />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>   
    </asp:GridView>

我想添加一个计算

的最终“总计”列
(originalCount - NewCount) * unitCost

并在用户在NewCount文本框中输入数字时对其进行更新。

我可以使用.net执行此操作,还是需要使用Java?如果是后者,我如何判断要更新哪个Gridview单元?

提前致谢,

2 个答案:

答案 0 :(得分:3)

更新了新代码(旧答案如下)

您需要使用Javascript来执行您所要求的操作。有一百万种不同的方法,所以你需要修改下面的代码,使它适合你。

按如下方式创建GridView:

<asp:GridView runat="server" ID="gv1" AutoGenerateColumns="false">
        <Columns>
            <asp:BoundField DataField="productName" HeaderText="Item" />
            <asp:TemplateField HeaderText="Cost">
                <ItemTemplate>
                    <asp:Label runat="server" ID="unitCost" Text='<%# String.Format("{0:c}",Eval("unitCost")) %>'/>
                </ItemTemplate>
            </asp:TemplateField> 
            <asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="Old Count">
                <ItemTemplate>
                    <asp:Label runat="server" ID="originalCount" Text='<%# Bind("originalCount") %>' />
                </ItemTemplate>
            </asp:TemplateField>         
            <asp:TemplateField HeaderText="New Count" ItemStyle-HorizontalAlign="Center" >
                <ItemTemplate>
                    <asp:TextBox ID="NewCount"  Width="20" runat="server" onblur="javascript:GetTotal(this);"  />
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Total" ItemStyle-HorizontalAlign="Center" >
                <ItemTemplate>
                    <asp:Label runat="server" ID="lblTotal"></asp:Label>

                </ItemTemplate>
            </asp:TemplateField>
        </Columns> 
</asp:GridView>

接下来将以下Javascript添加到您的Head标记:

<script type="text/javascript">
    function GetTotal(obj) {
        var rowIndex = obj.id.substring(obj.id.lastIndexOf('_') + 1, obj.id.length);
        var unitCost = document.getElementById('MainContent_gv1_unitCost_' + rowIndex).innerHTML.replace("$", "") ;
        var originalCount = document.getElementById('MainContent_gv1_originalCount_' + rowIndex).innerHTML;
        var NewCount = document.getElementById('MainContent_gv1_NewCount_' + rowIndex).value;
        document.getElementById('MainContent_gv1_lblTotal_' + rowIndex).innerHTML = "$" + ((originalCount - NewCount) * unitCost).toFixed(2);    }
</script>

你有它。当您对NewCount进行更改时,总数将自动在最右侧列中更新。


旧答案

您可以通过添加新的TemplateField然后编写静态方法来计算总数来实现。这是我的头脑,但你做了类似于下面的事情。

首先,添加以下TemplateField:

<asp:TemplateField HeaderText="Total" ItemStyle-HorizontalAlign="Center" >
   <ItemTemplate>
      <%# GetTotal((double)Eval("originalCount"),(double)Eval("NewCount"),(double)Eval("unitCost")) %>
   </ItemTemplate>
</asp:TemplateField>

然后,在您的代码隐藏中,添加以下静态方法:

public static double GetTotal(double originalCount, double NewCount, double unitCost) {
    return (originalCount - NewCount) * unitCost;
}

最终结果将是具有所需计算总数的列。

答案 1 :(得分:-1)

TOTALCOUNT(CELL3)

(originalCount(cell0) - NewCount(cell1))* unitCost(cell2);

在rowdatabound方法

e.Row.Cells [3] .text =(e.Row.Cells [0] .text -e.Row.Cells [1] .. text)* e.Row.Cells [2] .text < / p>