MVC3 - 根据表格中的产品选择显示价格

时间:2011-11-13 22:52:54

标签: asp.net-mvc-3

我相信会有这方面的文章,但我真的不知道它的正确名称,并且很难找到像我这样的例子。

我有一个报价表,您可以选择产品及其属性。有三个下拉菜单,根据三者的组合,我有一个价格的表(与相关的模型/控制器)。我想在页面上显示价格,但我必须在选择更新时更新。

从一开始就设置价格似乎很容易,但是根据所选的下拉菜单更新它让我进入'onSelectedIndexChanged()',javascript,AJAX,部分视图的尾部旋转,我只是迷惑自己。

我需要一种简单的方法在报价单上填写详细信息时显示价格信息(三个字段控制价格)。我确实看过音乐商店的演示,但它略有不同,看起来很方便的购物车元素是在桌子上抓取数据,所以又一次卡住了。

随时欢迎帮助。

谢谢, 史蒂夫。

1 个答案:

答案 0 :(得分:1)

当三个下拉列表中的一个发生变化时,我会向服务器发出一个AJAX调用,以获取JSON对象的价格并使用它来更新价格输入。

使用jQuery添加处理程序并执行AJAX操作的示例。

var $priceControls = $('#control1,#control2,#control2');
$priceControls.change( function() {
     $.getJSON( '@Url.Action("price","product")',
                $priceControls.serialize(),
                function(price) {
                    $('#price').val(price);
     });
});

public class ProductController : Controller
{
     public ActionResult Price( string control1, string control2, string control3 )
     {
         decimal price = ...lookup price based on control values...
         return Json( price, JsonRequestBehavior.AllowGet );
     }
}