Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ASP.NET MVC AJAX PartialView Telerik用户界面未加载_Javascript_Asp.net_Ajax_Asp.net Mvc_Telerik - Fatal编程技术网

Javascript ASP.NET MVC AJAX PartialView Telerik用户界面未加载

Javascript ASP.NET MVC AJAX PartialView Telerik用户界面未加载,javascript,asp.net,ajax,asp.net-mvc,telerik,Javascript,Asp.net,Ajax,Asp.net Mvc,Telerik,我有一个PartialView,它是使用AJAX更新的。使用AJAX更新Div时,HTML元素被正确加载,但Telerik图表没有加载。图表中的数据源未调用操作方法: .DataSource(ds => ds.Read(read => read.Action("Movies_Read", "Movies"))) 最初加载PartialView时,不使用AJAX,数据源将调用action方法,图表将正确加载 根据需要,OnSuccess事件需要有此Javascript调用: <

我有一个PartialView,它是使用AJAX更新的。使用AJAX更新Div时,HTML元素被正确加载,但Telerik图表没有加载。图表中的数据源未调用操作方法:

.DataSource(ds => ds.Read(read => read.Action("Movies_Read", "Movies")))
最初加载PartialView时,不使用AJAX,数据源将调用action方法,图表将正确加载

根据需要,OnSuccess事件需要有此Javascript调用:

<script type="text/javascript">
  function updatePlaceholder(context) {
    // the HTML output of the partial view
    var html = context.get_data();

    // the DOM element representing the placeholder
    var placeholder = context.get_updateTarget();

    // use jQuery to update the placeholder. It will execute any JavaScript statements
    $(placeholder).html(html);

    // return false to prevent the automatic update of the placeholder
    return false;
}

使用AJAX时如何正确加载Telerik图表?

在视图中,应添加以下脚本以使用AJAX更新Div:

视图:

@using (Ajax.BeginForm("UpdateMoviesChart", "Movies", new AjaxOptions { UpdateTargetId = "MoviesDiv", InsertionMode = InsertionMode.Replace, OnSuccess = "updatePlaceholder", }))
<div class="chart-wrapper"></div>
<script>
    $(function () {
        $.ajax({
            url: "@(Url.Action("Movies_Read", "Movies"))",
            success: function (data) {
                $(".chart-wrapper").html(data);
            }
        });
    })
</script>
public ActionResult RemotePartialView()
{
    return PartialView("remote_partial_view");
}