0

除了从购物车中删除选项外，我正在编码的网站运行良好。我在代码中没有收到任何错误，但是当我单击从购物车中删除的链接时，代码什么也不做。似乎页面刚刚刷新。我正在用 C#.net MVC 4 对系统进行编码。请有人帮助我。

这是 ShoppingCartController.cs 的一部分

[HttpPost]
public ActionResult RemoveFromCart(int id)
{
    // Remove the item from the cart
    var cart = ShoppingCart.GetCart(this.HttpContext);

    // Get the name of the album to display confirmation
    string albumName = storeDB.Carts
            .Single(item => item.RecordId == id).Album.Title;

    // Remove from cart
    int itemCount = cart.RemoveFromCart(id);

    // Display the confirmation message
    var results = new ShoppingCartRemoveViewModel
    {
        Message = Server.HtmlEncode(albumName) +
                " has been removed from your shopping cart.",
                CartTotal = cart.GetTotal(),
                CartCount = cart.GetCount(),
                ItemCount = itemCount,
                DeleteId = id
    };

    return Json(results);
}

这是 ShoppingCart 模型的一部分。

public int RemoveFromCart(int id)
{
    // Get the cart
    var cartItem = storeDB.Carts.Single(
    cart => cart.CartId == ShoppingCartId
        && cart.RecordId == id);

    int itemCount = 0;

    if (cartItem != null)
    {
        if (cartItem.Count > 1)
        {
            cartItem.Count--;
            itemCount = cartItem.Count;
        }
        else
        {
            storeDB.Carts.Remove(cartItem);
        }

        // Save changes
        storeDB.SaveChanges();
    }

    return itemCount;
}

最后是 ShoppingCart/Index 视图。

@foreach (var item in Model.CartItems)
{
    <tr id="row-@item.RecordId">
        <td>
            @Html.ActionLink(item.Album.Title, "Details", "Shop", new { id = item.AlbumId }, null)
        </td>
        <td>
            @item.Album.Price
        </td>
        <td id="item-count-@item.RecordId">
            @item.Count
        </td>
        <td>
            <a href="#" class="RemoveFromCart" data-id="(@item.RecordId == id).Album.Title">Remove from cart</a>
        </td>
    </tr>
}
4

2 回答 2

0

您需要使用Html.ActionLink而不是a标签，就像您对 Shop/Details 操作所做的那样。示例（假设您的RemoveFromCart操作在ShopController其中并且您想要删除 id = item.AlbumId 的项目）：

@Html.ActionLink(
     "Remove from cart", 
     "RemoveFromCart", 
     "Shop", 
     new { id = item.AlbumId }, 
     new { @class = "RemoveFromCart"})

这种方式将执行整页刷新，您需要从您的操作中返回视图。要仅进行部分刷新，您需要使用Ajax.ActionLinkhelper。

于 2013-10-09T09:57:28.277 回答
0

除非您在某处有一些 javascript 正在处理onclick您的“从购物车中删除”链接或向其中添加一个href，否则您的当前href将"#"“似乎刷新页面”，正如您所描述的那样。考虑将锚标记更改为ActionLink类似于您的详细信息链接，但指向您的RemoveFromCart操作方法。

于 2013-10-09T09:50:38.003 回答