Table 使用ExtendButtons 删除最后一个数据时抛异常：TypeError: Cannot convert undefined or null to object #5312

yc-2503 · 2025-02-06T06:50:03Z

yc-2503
Feb 6, 2025

使用 Bootstrap.Blazor.Templates::9.0.4 创建 Auto 项目，Table 组件使用ExtendButtons 删除最后一个数据时抛异常。图片因为国内访问github 网络问题贴不上来。

我用项目模板创建了一个全新的工程，复制了官网上 TablesEdit 的例子，删除最后一行时抛出异常 TypeError: Cannot convert undefined or null to object

@page "/table"
@using Microsoft.Extensions.Localization
@inject IStringLocalizer<TableDemo> Localizer

@inject IStringLocalizer<Foo> LocalizerFoo
@attribute [TabItemOption(Text = "Table")]
@rendermode InteractiveAuto

<PageTitle>Table</PageTitle>

<BootstrapBlazorRoot>
    <Table TItem="Foo" @bind-Items="EditItems"
           IsStriped="true" IsBordered="true" IsMultipleSelect="true"
           ShowToolbar="true" ShowExtendButtons="true" ShowSkeleton="true" OnAddAsync="@OnAddAsync">
        <TableColumns>
            <TableColumn @bind-Field="@context.DateTime" Width="180" />
            <TableColumn @bind-Field="@context.Name" />
            <TableColumn @bind-Field="@context.Address" />
            <TableColumn @bind-Field="@context.Education" />
            <TableColumn @bind-Field="@context.Count" />
            <TableColumn @bind-Field="@context.Complete" />
        </TableColumns>
    </Table>
</BootstrapBlazorRoot>

using BootstrapBlazor.Components;
using BootstrapBlazorApp2.Client.Data;
using Microsoft.AspNetCore.Components;
using Microsoft.Extensions.Localization;
using System.Collections.Concurrent;
using System.Diagnostics.CodeAnalysis;

namespace BootstrapBlazorApp2.Client.Pages
{
    /// <summary>
    /// 
    /// </summary>
    public partial class TableDemo
    {
        [NotNull]
        private IEnumerable<Foo>? EditItems { get; set; }

        private readonly ConcurrentDictionary<Foo, IEnumerable<SelectedItem>> _cache = new();

        private Task<Foo> OnAddAsync() => Task.FromResult(new Foo() { Id = GenerateId(), DateTime = DateTime.Now, Address = $"Custom address  {DateTime.Now.Second}" });

        [NotNull]
        private List<Foo>? Items { get; set; }
        protected override void OnInitialized()
        {

            EditItems = Foo.GenerateFoo(LocalizerFoo, 4);

        }
        private int GenerateId()
        {
            var id = Items.Count;
            while (Items.Any(i => i.Id == id))
            {
                id++;
            }
            return id;
        }

    }
}