如何在 MVC Razor 表单中显示计算字段？答案

【问题标题】：How to show a calculated field in an MVC Razor form?如何在 MVC Razor 表单中显示计算字段？
【发布时间】：2013-09-23 11:36:35
【问题描述】：

开始使用 MVC4 和 Razor 表单，但无法在表单中显示计算的字段 - 在提交表单之前。

比如说，为了简单起见，我们有价格和数量字段，它们是可编辑的文本框和第三个只读文本框，用于显示计算出的总价格 * 数量。

这个post suggests 使用我们新奇的 Razor 既简单又好用，但是当我们尝试以下操作时，表单上绝对没有任何动态变化：

@{
   var value = model.Item.Value;
   var price = model.Item.Proce;
   var calculated = value * price;
}

<div class="price">Your price: @calculated</div>

【问题讨论】：

标签： forms asp.net-mvc-4 razor

【解决方案1】：

如果您希望它在用户键入时或在提交表单之前是实时的，您将不得不使用 javascript；服务器端剃须刀代码是不够的。剃刀代码只会在页面第一次渲染时执行。

你有几个选择：

当用户输入完毕后，通过 ajax 将数据发送到服务器得到一个计算的总数。获取响应并将其显示在页面
只需以用户身份在客户端完全更新计算类型（您可以使用 MVVM 框架来帮助解决此问题（例如 Knockout.js))

编辑

添加一些示例链接：

这是#1 的示例：Making a Simple Ajax call to controller in asp.net mvc

以下是如何实现 #2 的示例：http://knockoutjs.com/examples/cartEditor.html

我个人会在客户端（#2）上进行计算，然后在服务器端进行验证，因为这很重要。

【讨论】：

谢谢，您能否添加任何链接以及其中任何一个的入门指南？
当然，我已经添加了一些链接。