如何使用 Angular js 计算网格视图项模板文本框值的两个文本框值

本文关键字：文本 两个 js Angular 何使用 计算 网格 视图 | 更新日期: 2023-09-27 18:36:24

我想计算两个文本框值并在gridview内的另一个文本框中显示结果。gridview控件有 3 列：qty、unit price 和 total 列。总列应使用 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>

如何使用 Angular js 计算网格视图项模板文本框值的两个文本框值

而不是标签试试这个

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

对于文本框，请尝试此操作以绑定数据。

<asp:TextBox runat="server"  Text='<%# Bind("qty")%>'/>

顺便说一句，为什么您只想在角度中进行计算，而您拥有 asp 渲染数据。

相关文章：