Blazorise DataGrid 无法正确呈现

Question

我无法使 Blazorise 数据网格正确呈现。我在要点中包含了这些位， json 被加载，但没有呈现在网格中。这是要点：

https://gist.github.com/bbqchickenrobot/9af26063108beb4acb75e9a9dc5b4ae0

Answer 1

我测试了你的代码并完成了遗漏的部分，数据在 dataGrid 中正确显示。

问题是您的 json 数据采用驼峰式命名，而您在模型中使用了 PascalCase。如下所示修改您的 class 模型：

using System;
using System.ComponentModel.DataAnnotations;
using System.Text.Json.Serialization;

namespace Workflows.Blazo.Models
{
    public class ApplicantViewModel
    {
        [Key]
         [JsonPropertyName("id")]
        public Guid Id { get; set; }
        [JsonPropertyName("firstname")]
        public string Firstname { get; set; }
          [JsonPropertyName("middlename")]
        public string Middlename { get; set; }
         [JsonPropertyName("lastname")]
        public string Lastname { get; set; }
        public DateTime? Dob { get; set; }
         [JsonPropertyName("emailAddress")]
        public string EmailAddress { get; set; }
        public string PhoneNumber { get; set; }
        public string EmployeeNumber { get; set; }
         [JsonPropertyName("offerDate")]
        public DateTime? OfferDate { get; set; }
         [JsonPropertyName("department")]
        public string department { get; set; }
         [JsonPropertyName("classificaiton")]
        public string Classificaiton { get; set; }
         [JsonPropertyName("createdDate")]
        public DateTime? CreatedDate { get; set; }
         [JsonPropertyName("modifiedDate")]
        public DateTime? ModifiedDate { get; set; }

      
    }
}

出于here的考虑，我删除了ReadData="@OnReadData"，否则您必须完成所有数据的加载，过滤和排序。

这里是网格视图的快照：

Blazorise DataGrid 无法正确呈现

Blazorise DataGrid not Rendering Properly

blazor

blazor-client-side

blazorise

blazor-webassembly