Telerik Blazor GridCommandButton 不起作用

Question

我一直在与 Blazor 和 Telerik 合作，我似乎有显示数据的网格，CSS 看起来不错，但主要使用 Telerik 示例中的代码，我很惊讶要花多少精力来弄清楚为什么 GridCommandButton似乎没有像 Repl 中在线那样触发任何事情

<TelerikGrid Data=@MyData EditMode="@GridEditMode.Inline" Pageable="true" Height="400px"
             OnAdd="@AddHandler" OnUpdate="@UpdateHandler" OnEdit="@EditHandler" OnDelete="@DeleteHandler" OnCreate="@CreateHandler" OnCancel="@CancelHandler">
    <GridToolBarTemplate>
        <GridCommandButton OnClick="AddHandler" Command="Add" Icon="@SvgIcon.Plus">Add Employee</GridCommandButton>
    </GridToolBarTemplate>
    <GridColumns>
        <GridColumn Field=@nameof(SampleData.ID) Title="ID" Editable="false" />
        <GridColumn Field=@nameof(SampleData.Name) Title="Name" />
        <GridCommandColumn>
            <GridCommandButton Command="Save" Icon="@SvgIcon.Save" ShowInEdit="true">Update</GridCommandButton>
            <GridCommandButton Command="Edit" Icon="@SvgIcon.Pencil">Edit</GridCommandButton>
            <GridCommandButton Command="Delete" Icon="@SvgIcon.Trash">Delete</GridCommandButton>
            <GridCommandButton Command="Cancel" Icon="@SvgIcon.Cancel" ShowInEdit="true">Cancel</GridCommandButton>
        </GridCommandColumn>
    </GridColumns>
</TelerikGrid>

Answer 1

网格标记是正确的。问题的可能原因有：

• 该应用程序未针对 Blazor 的 Telerik UI 进行完全或正确配置。请参阅 Blazor 的 Telerik UI 的典型工作流程，并检查浏览器控制台是否有

  TelerikBlazor is undefined

  或类似的与 Telerik 相关的 JavaScript 错误。
• 带有

  .razor

  的

  TelerikGrid

  文件不支持 交互式渲染模式。您可以使用普通的

  <button @onclick="@TestClickHandler">Click Me</button>

  轻松验证这一点，并查看

  TestClickHandler

  是否被执行。 我建议在 Blazor 应用程序中使用 Telerik Blazor 组件以及 全局交互位置。