Question

我有一个父视图，其中包含3个局部视图，每个视图都在自己的div中。我试图做的是基于父视图顶部的表单（单个表单），更改每个div（部分视图）中的内容。此表单包含一个简单的下拉列表（cCats）。

使用JavaScript并在一个函数中发布到每个表单的最佳解决方案是什么？或者有没有办法在Razor中做到这一点？

其次，我不确定如何做到这一点。有人能告诉我一个简单的例子吗？

@model App.Models.CategoryModel

@{
    int icatid = ViewBag.CatID;
    List<Categories> cats = ViewBag.Cats;
    var lstcats = new SelectList(cats, "CatID", "CatName");
}

@Html.DropDownList("cCats", model)

<div id="dfirst">
     @Html.Partial("searchlist",Model.CatID)
</div>

<div id="dsecond">
     @Html.Partial("employees",Model.CatID)
</div>

<div id="dthird">
     @Html.Partial("results",Model.CatID)
</div>

Answer 1

编辑：更容易

你可以使用剃须刀。使用@Ajax.ActionLink或@Ajax.BeginForm HTML帮助程序。

他们看起来像这样：

@Ajax.ActionLink("Check Available Rooms","AvailableMeals",
        new AjaxOptions
        {
            HttpMethod = "GET",
            UpdateTargetId = "Meals",
            OnSuccess = "" // display the user's selected form 

        } )

MVC Post（One Form Ajax）但用不同的控制器请求填充三个部分视图

1 个答案: