我正在尝试使用ajax和colorbox显示详细的部分视图。它工作正常,但只是第一次。之后,GetGraph未运行,并再次显示第一张图像。如果我重新加载整个页面,它再次工作一次。 detailinfo正在更新确定它只是图表图像不起作用。
这是我到目前为止所得到的:
jQuery:
<script type="text/javascript">
$(document).ready(function () {
$("a.details").click(function () {
var id = $(this).attr("href");
$.post('GetDetails', { id: id }, function (data) {
$.fn.colorbox({ open: true, html: data });
});
return false;
});
})
</script>
控制器操作:
[Authorize(Roles = "Statistics")]
public ActionResult GetDetails(string id)
{
var user = MemberShipRepository.GetUserInfo(User.Identity.Name);
var details=StatisticsService.GetSaleDetail(user.UserId, id);
var chart = StatisticsService.CreateChart(details.MontlySales);
TempData["Chart"] = chart;
ViewData.Model = details;
return View();
}
public ActionResult GetChart()
{
var file = TempData["Chart"] as byte[];
return File(file, "image/png");
}
部分观点:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<SaleDetail>"%>
<table>
<!--Code for displaying detailinfo-->
</table>
<div id="DetailsGraph">
<h3>
<%=Html.Encode(ResStrings.StatsticStrings.Statistic) %></h3>
<img src="GetChart" width="700" height="300" alt="Graph" />
</div>
答案 0 :(得分:0)
有一件事你在$ .post中调用GetDetails行动而不是GetChart行动。