Question

我尝试在局部视图中使用DevExtreme组件。但是当我点击元素时会显示我的部分视图页面。

在点击后的主页面中我有错误

Newtonsoft.Json.JsonSerializationException: Self referencing loop detected for property 'ApplicationEntity' with type 'System.Data.Entity.DynamicProxies.ApplicationEntity_50A6A66F1464C1DE4E8A736E85D88C5AF4F4249EAE26FB21C4F82592E001885D'. Path 'data[0].ApplicationEntity.ApplicationEntityHistories[0]'.

browser console screen

主页代码：

<div class="row">
<div class="col-md-7">
   <button id="btn">CLICK</button 

</div>
<div class="col-md-5" id="divPartialViewContainer">

</div>
</div>
<script>
$(document).ready(function () {

    $("#btn").on("click", function () {
        var text = $(this).text().trim();
        if (text.length > 0) {
            console.log(text);
            $.ajax({
                url: '/RiskMap/RiskDetailsPartial/',
                type: 'POST',
                contentType: 'application/json',
                data: JSON.stringify({ 'param': text }),
                success: function (content) {
                    $('#divPartialViewContainer').html(content);
                },
                error: function (e)
                {
                    console.log(e);
                }
            });
        }
       });

     });
 </script>

控制器代码

[HttpPost]
public async Task<ActionResult> RiskDetailsPartial(string param)
{          
  return PartialView("_RiskDetails", new List<Risk>());
}

部分查看代码：

@model IEnumerable<Core.Models.Risk>
@using Core.Models
@using Core.ComplexTypes
@{
   ViewBag.Title = "Risks";
}

<h2>Risks</h2>

@(Html.DevExtreme().DataGrid<Risk>()
    .DataSource(Model)
    .Columns(columns =>
    {
        columns.AddFor(m => m.Id);
        columns.AddFor(m => m.Impact);
        columns.AddFor(m => m.Probability);

    })
  )

Answer 1

信息很清楚，你只需要更彻底地阅读它。

Newtonsoft.Json.JsonSerializationException：自引用循环使用类型检测属性“ApplicationEntity” 'System.Data.Entity.DynamicProxies.ApplicationEntity_50A6A66F1464C1DE4E8A736E85D88C5AF4F4249EAE26FB21C4F82592E001885D'。 Path'data [0] .ApplicationEntity.ApplicationEntityHistories [0]'。

Json序列化程序正在尝试序列化您传递给它的某种实体（让我们称之为 EntityA ），但问题是该实体包含另一个实体（让我们称之为 EntityB < / strong>）包含第一个实体（ EntityA ）。这是围棋！

这也发生在我自己的ORM上，我发现问题是延迟加载。我通过为每个实体添加一个接口来解决它：

interface IJSonify { object Json(); }

这里我只返回一个匿名对象。实现此接口的实体决定它将如何将自身表示为JSON对象。

Answer 2

我遇到了同样的问题，我通过在webApplication初始化中声明JsonConvert defaultSettings解决了这个问题。

JsonConvert.DefaultSettings = () => new JsonSerializerSettings
{
        Formatting = Newtonsoft.Json.Formatting.Indented,
        ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore
};

显然，DevExtreme不在DataSourceLoader.Load（..）方法中使用标准的ASP.NET MVC json序列化程序，因此，如果设置ASP.NET MVC json序列化程序ReferenceLoopHandling设置，则不够。

另一种解决方案是在生成循环引用的属性上方使用[JsonIgnore] dataAnnotation

如何在局部视图中使用DevExtreme（ASP.NET MVC）？

2 个答案: