c# - 在ajax.beginform之后，部分 View 将不会更新

我是mvc3的新手，所以请多多包涵。

这是方案：
我的视图内部有一个小菜单和另一个局部视图，其中显示了名称与用户输入内容匹配的产品。

@model List<BlokCWebwinkelGroep3.Models.Product>

在迷你菜单中，我有一个滑块（带有2个滑块手柄）和一个“搜索”按钮（均位于ajax.beginform中）。当我单击搜索按钮时，将滑块的2个值作为参数发送到HttpPost动作方法“搜索”（这些值在隐藏的输入字段中，当有人滑动滑块时，某些javascript会更新这些值），该返回值局部视图（_myPartial，模型）。 （该模型是一个列表）。

Ajax.BeginForm

    @using (Ajax.BeginForm("Search",
                    new AjaxOptions
                    {
                        UpdateTargetId = "table-container",
                        InsertionMode = System.Web.Mvc.Ajax.InsertionMode.Replace,
                        HttpMethod = "POST"
                    }))
{
    <input type="hidden" name = "hidden" id="hidden_amount" />
    <div id="slider-range">
    </div>
    <br />
    <button type="submit" value="Search">
        Search</button>
}

行动方法

    [HttpPost]
    public PartialViewResult Search(string hidden)
    {
        List<Product> Model = null;
        string[] values = hidden.Split(' ');
        int[] convertedString = Array.ConvertAll<string, int>(values, int.Parse);
        string name = (string)TempData["searched"];
        try
        {
            Model = ResultDBController.GetAdvancedSearched(name, convertedString[0], convertedString[1]);
        }
        catch (Exception e)
        {
            ViewBag.Foutmelding = "Er is iets foutgegaan: " + e;
        }
        return PartialView("_Product", Model);
    }

UpdateTargetId是div“表容器”

    @*Calls the _Product partial view*@
<div class="table-container">@Html.Partial("_Product", Model)</div>

然后，它会通过部分视图运行，但是不会显示在屏幕上。

部分视图

    <table class="productlist">
@foreach (BlokCWebwinkelGroep3.Models.Product product in Model)
{
    <tr class="product" onclick="location.href = '@(Url.Action("ProductPage", "Product", new {ProductID = @product.ProductID}))'">

        <td>
            <img src = '@product.ImageURL' alt = '@product.Name' />
        </td>
        <td>
            @product.Name
        </td>
        <td>
            €@product.Price
        </td>
    </tr>
}

假设我搜索“ er”，它将在屏幕上显示3个产品。 2个
我在这里做错了什么？

附言
我在标头中使用以下脚本

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script type="text/css" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

最佳答案

MSDN文档指出UpdateTargetId会更新DOM ID，而不是您正在执行的类。将您的班级更改为ID，它应该可以正常工作。

<div id="table-container"

关于c# - 在ajax.beginform之后，部分 View 将不会更新，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19684119/