Blazorise DataGrid 无法正确呈现

问题描述

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

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

解决方法

我测试了您的代码并完成了遗漏的代码,数据在 dataGrid 中正确显示。

问题是您的 json 数据是驼峰式的,而您在模型中使用了 PascalCase。 修改您的类模型,如下所示:

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",否则您必须完成所有数据的加载、过滤和排序。

这是 gridview 的快照: enter image description here