ASP.NET MVC中的动态图像和Ajax

时间:2010-08-09 13:14:14

标签: jquery asp.net-mvc ajax colorbox

我正在尝试使用ajax和colorbox显示详细的部分视图。它工作正常,但只是第一次。之后,GetGraph未运行,并再次显示第一张图像。如果我重新加载整个页面,它再次工作一次。 detailinfo正在更新确定它只是图表图像不起作用。

Somewhat related question

这是我到目前为止所得到的:
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>

1 个答案:

答案 0 :(得分:0)

有一件事你在$ .post中调用GetDetails行动而不是GetChart行动。