如何使用Angular js计算gridview项模板文本框值的两个文本框值

时间:2016-02-27 07:25:32

标签: javascript c# asp.net angularjs

我想计算两个文本框值,并在gridview内的另一个文本框中显示结果。 gridview控件有3列:qtyunit pricetotal。应使用AngularJS自动计算总列数。我无法绑定两个文本框。总共列NaN

<div ng-app>
    <asp:GridView runat="server" ID="gridviewCalc" AutoGenerateColumns="false" OnRowEditing="gridviewCalc_RowEditing" AutoGenerateEditButton="true">
        <Columns>
          <asp:TemplateField HeaderText="QTY" >
              <ItemTemplate>

                     <asp:TextBox runat="server"  Text='<%# Eval("qty")%>' ng-model="qty"/>
                  </ItemTemplate>

          </asp:TemplateField>

             <asp:TemplateField HeaderText="Unit Price">
              <ItemTemplate>

                  <asp:TextBox runat="server"  Text='<%# Eval("unitprice")%>' ng-model="unitprice"/>
                  </ItemTemplate>


          </asp:TemplateField>
             <asp:TemplateField HeaderText="Total">
              <ItemTemplate>
                 <asp:TextBox runat="server"  Text='{{qty+unitprice}}'/>
                  </ItemTemplate>

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

</div>

1 个答案:

答案 0 :(得分:0)

而不是lable试试这个

1

对于textbox,请尝试绑定数据。

<span>
 <%# String.Format("{0}",Convert.ToInt32(Eval("qty")) * Convert.ToInt32(Eval("unitprice"))) %>
</span>

BTW为什么你想在为你渲染数据的时候只想以角度进行计算。