ASP.NET 核心 Kendo 网格和模型

Question

我想从模型属性为 kendo 网格设置模型。我尝试执行以下操作：

                    <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: 'The collection type 'Microsoft.AspNetCore.Http.IFormCollection' on 'Tms.Web.Models.DrugConsortium.Reports.DcReportDonorResultModel.Form' is not supported.'

如何从模型属性为 kendo 网格设置模型？在我的情况下，我无法执行 ajax 请求...

Answer 1

像这样定义您的数据：

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

然后设置 dataSource 的 Grid :

<script>

 $(document).ready(function () {

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

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

</script>

ASP.NET 核心 Kendo 网格和模型

ASP.NET Core Kendo Grid and model

kendo-grid

asp.net-core