我正在构建一个 ASP.NET 的MVC4(.5)网络应用程序。我浏览了很多关于这个问题的主题,尝试了每一个,但问题并没有消失。
我有一个返回部分视图的控制器。
[HttpGet]
public ActionResult Subcategories(int id)
{
IOrderedQueryable<Subcategory> subcategories = this.Data.Subcategories
.All()
.Where(sub => sub.Category.Id == id)
.OrderBy(cat => cat.Name);
var request = this.Request.IsAjaxRequest();
IEnumerable<ConciseSubcategoryViewModel> model = Mapper.Map<IEnumerable<ConciseSubcategoryViewModel>>(subcategories);
return this.PartialView("_Subcategories", model);
}
我有这个捆绑包,包含在我的_Layout页面底部。
bundles.Add(new ScriptBundle("~/Content/jquery").Include(
"~/Scripts/jquery-1.10.2.js",
"~/Scripts/jquery.validate.js",
"~/Scripts/jquery.unobtrusive-ajax.js",
"~/Scripts/jquery.validate.unobtrusive.js"));
但是,当我在我的一个视图中创建 Ajax.ActionLink 并调用它时,控制器中的变量"request"的值为"false",请求的原因是 DOCUMENT 而不是 XHR,并在浏览器的新选项卡中返回部分视图。
@Ajax.ActionLink(
Model.Name,
"Subcategories",
"Items",
new { Id = Model.Id },
new AjaxOptions() {
HttpMethod = "GET",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "subcategories-wrapper"
})
感谢您的帮助。我只是看不出有什么不对劲。
所以伙计们,我认为问题不在这里,但是,看看当我返回创建 ajax 的视图时会发生什么:
@model AddItemViewModelBag
@section styles {
<link href="~/Stylesheets/add-item.css" rel="stylesheet" />
}
@{
ViewBag.Title = "Ново изделие";
}
@Html.Partial("_AddItemForm", Model.AddItemBindingModel)
@Html.Partial("_Categories", Model.Categories)
@section scripts{
<script src="~/Scripts/add-item.js"></script>
}
在_Categories
视图中:
@model IEnumerable<ConciseCategoryViewModel>
<div class="category-manager hidden-manager">
<div class="categories-container">
<div class="heading">Изберете категория</div>
<div id="categories-wrapper">
@Html.DisplayForModel()
</div>
</div>
<div class="subcategories-container">
<div id="subcategories-wrapper">
</div>
</div>
</div>
和简洁的类别视图模型
@model ConciseCategoryViewModel
<div class="category-option" data-category-id="@Model.Id">
@Ajax.ActionLink(
Model.Name,
"Subcategories",
"Items",
new { Id = Model.Id },
new AjaxOptions() {
HttpMethod = "GET",
InsertionMode = InsertionMode.Replace,
UpdateTargetId = "subcategories-wrapper"
})
</div>
我认为它仍然可以使用不显眼的,包含在_Layout页面中......