@Html.Action("MiniShoppingCart", "ShoppingCart")
其中MiniShoppingCart动作返回MiniShoppingCart.cshtml局部视图的所有内容。
在这个局部视图我增加了一个Ajax调用增加产品车的数量:
@using (Ajax.BeginForm("IncreaseProductQuantity", "ShoppingCart", new { shoppingCartItemId = item.Id }, new AjaxOptions { UpdateTargetId = "miniShoppingCartContainer", InsertionMode = InsertionMode.Replace }))
{
}
它调用的方法:
public ActionResult IncreaseProductQuantity(int shoppingCartItemId)
{
//get shopping cart item
var cart = _workContext.CurrentCustomer.ShoppingCartItems
.Where(x => x.ShoppingCartType == ShoppingCartType.ShoppingCart).ToList();
var sci = cart.Where(x => x.Id == shoppingCartItemId).FirstOrDefault();
if (sci == null)
{
return RedirectToRoute("ShoppingCart");
}
//update the cart item
_shoppingCartService.UpdateShoppingCartItem(_workContext.CurrentCustomer,
sci.Id, sci.Quantity + 1, true);
return MiniShoppingCart();
}
请注意,在方法结束时,我致电MiniShoppingCart ActionResult准备购物车并返回PartialView(如您在帖子开头处看到的那样)。
好,产品的更新正在发生细微但内容不刷新(或更换)...
能否请你指出我在哪里错了?
UPDATE:
否则与Chrome开发了检查。工具我觉得那样做时,后一个错误:
POST http://localhost/ShoppingCart/IncreaseProductQuantity?shoppingCartItemId=11 500 (Internal Server Error)
f.support.ajax.f.ajaxTransport.sendjquery-1.7.1.min.js:4
f.extend.ajaxjquery-1.7.1.min.js:4
ejquery.unobtrusive-ajax.min.js:5
(anonymous function)jquery.unobtrusive-ajax.min.js:5
f.event.dispatchjquery-1.7.1.min.js:3
f.event.add.h.handle.ijquery-1.7.1.min.js:3
2
很奇怪猜测是该日志的问题...基本上,如果我让调试我可以看到它所有的操作,直到MiniShoppingCart()方法return PartialView(model); ...
+0
你有没有包含在不显眼的AJAX JS文件''在你的视图/布局? –
2012-03-03 09:27:35
+0
是的,我有这个包括:'' –
2012-03-03 09:30:52
+0
您应该检查在浏览器的开发控制台(IE/Chrome F12)或FireBug中,“IncreaseProductQuantity”正在返回。也许你会看到提示什么不起作用。 –
2012-03-03 09:42:59