I have the heatmap generated when the page laod for the first time, but when i select some value from dropdown, and try to load the partial view, it does not load. It somehow comes as an empty div.
In _Layout.cshtml, i have
.....
<script src="@Url.Content("~/js/jsviews.min.js")"></script>
<script src="~/lib/jsrender/jsrender.js"></script>
<script src="@Url.Content("~/js/jquery.easing-1.3.min.js")"></script>
<script src="@Url.Content("~/js/ej.web.all.min.js")"></script>
<script src="@Url.Content("~/js/ej.unobtrusive.min.js")"></script>
<script src="@Url.Content("~/js/CommunityIndicator.js")"></script>
<script src="@Url.Content("~/js/bootstrap-tagsinput.js")"></script>
<script src="~/js/site.min.js" asp-append-version="true"></script>
</environment>
@Html.EJ().ScriptManager()
In Main CSHTML
@model Syncfusion.JavaScript.DataVisualization.Models.HeatMapProperties
<div class="rm-padding" id="heatmapcontainer">
@{ Html.RenderPartial("CIChart", Model); }
</div>
In Partial view
@model Syncfusion.JavaScript.DataVisualization.Models.HeatMapProperties
@using Syncfusion.JavaScript.DataVisualization.Models.Collections
@{Html.EJ().HeatMap("heatmap", Model as Syncfusion.JavaScript.DataVisualization.Models.HeatMapProperties).Render(); }
In JS
$.ajax({
type: "POST",
url: "CommIndicator",
data: postData
})
.done(function (partialViewResult) {
$("#heatmapcontainer").html(partialViewResult);
ej.widget.init($("#heatmapcontainer"));
});
In Controller
public ActionResult CommIndicator(List<String> values)
{
.....
return PartialView("CIChart",Heatmap);
}
