如何使用Angular js計算gridview項目模板文本框值的兩個文本框值

我想計算兩個文本框值並在gridview內的另一個文本框中顯示結果。對照gridview有3列：qty,unit price和total。總欄應自動計算使用AngularJS。我無法綁定兩個文本框，總共列爲NaN。如何使用Angular js計算gridview項目模板文本框值的兩個文本框值

<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>

來源

2016-02-27 krishna mohan

我沒有看到任何文本框。 – Rajesh

確定偶數標籤值沒有得到 –

嘗試將'Text ='{{qty + unitprice}}''改爲'ng-model = total'，並且在控制器中，'$ scope.total = $ scope.qty + $ scope。單位價格;' – Rajesh

代替拉布勒試試這個

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

的文本框嘗試這種將數據綁定。

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

BTW你爲什麼要當你有asp的渲染數據爲你做的計算只在角。

來源

2016-02-27 07:45:02

角js是沒有必要的，但我只是想計算文本框的兩列值，並填充在gridview項目模板 –

總列中你試過我的答案嗎？ –

你讓我嘗試一次。我有你的觀點。 –

如何使用Angular js計算gridview項目模板文本框值的兩個文本框值

回答

相關問題