我有一些记录。点击每条记录后，信息需要显示在手风琴中。
该信息应该从数据库中动态获取。
到目前为止我所做的是
创建局部视图。假设显示详细信息。
点击记录后，我调用 jquery 方法并在控制器上执行我的方法。控制器以 Json 的形式返回对象（或任何其他东西，欢迎提出任何建议）。
现在 JQuery 方法有那个（模型）对象，但我怎么能用它来 从中呈现我的部分视图。
【问题讨论】：
标签： jquery ajax asp.net-mvc asp.net-mvc-3 partial-views
我有一些记录。单击每条记录后，会出现信息 需要在手风琴中显示。
有两种方法可以实现您的愿望。我想您必须从提供有关记录的详细信息的操作中返回部分视图。
$("#accordion-container-1").load(url)。例如。
从您的评论中，我看到您必须将 orderNo 操作作为参数传递。因此，您必须将 orderNo 设置为 id 或将其附加到某个字符串（以避免元素中重复的 id）并设置为锚链接的 id。
那么，
$(function(){
$("a.somecssclass").click(function(){
var orderNo = this.id;
var url = "/ControllerName/Tracking?orderNo=" + orderNo;
// this will call the action through ajax and update the container with the
// partial view's html.
$("#divToLoadTheHtml").load(url);
});
});
Ajax.ActionLink 创建一个操作链接，该链接通过 ajax 调用一些控制器操作并将 html 结果更新到容器。例如。
在这种情况下，当您通过循环集合生成记录时，您必须通过 Ajax.ActionLink 方法创建链接（单击时必须通过 ajax 加载内容），并且您还必须包含 jquery'unobtrusive.ajax.js 库。
@foreach(var m in Collection)
{
.. other stuff
@Ajax.ActionLink(link name, "Action", new { orderNo = m.something? },
new AjaxOptions
{
UpdateTargetId = "somediv" // set the div name where you want to load the partial view
});
}
根据 OP 的评论更新
你的action方法应该是这样的，
public PartialViewResult Tracking(int orderNo)
{
var manager = new OrderManager();
return PartialView(manager.Tracking(orderNo));
}
您应该有一个名称为 Tracking.cshtml 的局部视图，并且在局部视图中您必须创建代表您正在讨论的记录的详细信息的 html。
Tracking.cshtml
@model TrackingModel
<div>
@Html.DisplayFor(...)
...
</div>
当您从 jquery 或通过 ajax 操作（如前所述）调用操作 Tracking 时，您将获得部分视图 html，您可以将其加载到 div 等特定容器中。
【讨论】：
这是一个基本的方法 当您需要提交一些表单并将部分视图呈现为结果时
function GetView(){
if ($('#MyHtmlForm').valid()){
$.ajax(
{
type: "POST",
url: $('#MyHtmlForm').attr("action"),
data: $('#MyHtmlForm').serialize(),
success: function(result) {
//Render the partial view
}
},
error: function(req, status, err) {
//handle the error
}
});
}
}
这是通过json格式获取行的基本细节，所以使用javascritp生成html
function GetSomeData() {
var cod = $('.row').val();
$.getJSON('@Url.action("ActionName","Controller")', { cod: cod }, function (result) {
//Render data
});
}
【讨论】：
$('#someConteirner').html(result);