ASP.NET Core Kendo网格和模型

Question

我想根据模型的属性为剑道网格设置模型。我尝试执行以下操作：

                    <div id="donorReport-grid"></div>

                    <script>
                        $(document).ready(function () {
                            if (@Model.Result.Count > 0) {
                                var localDataSource = new kendo.data.DataSource({
                                    data: @JsonSerializer.Serialize(Model.Result);
                                });
                                $("#donorReport-grid").kendoGrid({
                                    dataSource: localDataSource,
                                    scrollable: true,
                                    columns: [
                                        {
                                            field: "CarrierName",
                                            title: "Test",
                                            width: 150
                                        },

                                    ]
                                });
                            }
                        });
                    </script>

但是它不起作用，出现错误（为什么？）：

System.NotSupportedException：'集合类型上的“ Microsoft.AspNetCore.Http.IFormCollection”'Tms.Web.Models.DrugConsortium.Reports.DcReportDonorResultModel.Form'不支持。'

如何通过模型属性为剑道网格设置模型？我无法执行ajax请求...

Answer 1

这样定义您的数据：

var myData = @Html.Raw(JsonConvert.SerializeObject(Model.Result));

然后设置网格的dataSource：

<script>

 $(document).ready(function () {

    var myData = @Html.Raw(JsonConvert.SerializeObject(Model.Result));

    $("#donorReport-grid").kendoGrid({
         dataSource: {
              data: myData ,
              schema: ...
         },
         scrollable: true,
         columns: ...
     });
 });

</script>