我创建了一个视图,其中我想要显示另一个部分视图。以下是我的代码:
控制器
public ActionResult AddToCompare(string id)
{
var lst = db.CompareProduct.Where(p => p.CreatedDate.Year == DateTime.Now.Year && p.CreatedDate.Month == DateTime.Now.Month && p.CreatedDate.Day == DateTime.Now.Day).ToList();
return PartialView(lst);
}
View.cshtml
<p class="compare">
@Ajax.ActionLink("Add To Compare", "AddToCompare", new { id = Model.ProductId }, new AjaxOptions { UpdateTargetId = "CompareList" })
</p>
<div id="CompareList" class="clear">
Compare List
</div>
我在我的视图中也引用了 jquery.unobtrusive-ajax.min.js 但是当我点击上面的链接时,它会在新页面中打开局部视图,而不是将其显示在同一个视图中
我做错了吗?请帮帮我。
提前致谢..
答案 0 :(得分:0)
也许是因为你的js文件应该是下一种格式
1 jquery
2 jquery.unobstrusive
3 jquery.unobstrusive-ajax
答案 1 :(得分:0)
感谢您的帮助。
我找到了另一种显示局部视图的方法。我只是添加一个jquery函数并在onClick事件上调用它。如果有人需要,下面是代码。
jQuery功能
function getView() {
$('#CompareList').load("@Url.Action("AddToCompare", "Product", new { id = Model.ProductId })");
}
致电链接
<a href="JavaScript:void(0)" onclick="getView()">Add To Compare</a>
它就像一个魅力!!
由于