如何在Blazor的Telerik Grid分页区域添加或修改文本？

一、完全自定义分页布局 #

直接用Telerik Grid提供的PagerTemplate就能自定义分页栏的所有内容，既能添加自定义文本，也能调整原有分页控件的布局：

<TelerikGrid Data="@GridData" Pageable="true">
    <PagerTemplate>
        <div class="k-pager-wrap k-grid-pager">
            <!-- 自定义文本 -->
            <span class="custom-pager-text">当前为自定义分页区 - 共@TotalItems条数据</span>
            
            <!-- 保留原有分页功能控件 -->
            <TelerikPagerButtons></TelerikPagerButtons>
            <TelerikPagerPageSizes></TelerikPagerPageSizes>
            <TelerikPagerInfo></TelerikPagerInfo>
        </div>
    </PagerTemplate>
    <!-- 列定义 -->
    <GridColumns>
        <GridColumn Field="@nameof(Model.Id)" Title="ID"></GridColumn>
        <GridColumn Field="@nameof(Model.Name)" Title="名称"></GridColumn>
    </GridColumns>
</TelerikGrid>

@code {
    private List<Model> GridData { get; set; }
    private int TotalItems { get; set; }

    protected override void OnInitialized()
    {
        // 模拟数据
        GridData = Enumerable.Range(1, 50).Select(x => new Model { Id = x, Name = $"Item {x}" }).ToList();
        TotalItems = GridData.Count;
    }

    public class Model
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }
}

二、修改默认分页文本 #

如果只是想替换分页栏里的预定义文本（比如"Page"、"of"、"Items per page"这类），有两种便捷方式：

方式1：直接在配置中自定义 #

在Program.cs里配置Telerik本地化，直接替换指定文本：

builder.Services.AddTelerikBlazor()
    .AddLocalization(options =>
    {
        options.LoadFromResourceAssembly(typeof(Program).Assembly);
        // 替换默认文本
        options.CustomMessages.Add("Pager.Page", "页码");
        options.CustomMessages.Add("Pager.Of", "/");
        options.CustomMessages.Add("Pager.ItemsPerPage", "每页条数");
    });

方式2：用资源文件批量修改 #

1. 在项目中创建Resources文件夹，添加TelerikMessages.resx（默认资源）和对应语言的资源文件（比如TelerikMessages.zh-CN.resx）
2. 在资源文件中添加键值对，例如：
   • 键：Pager.Page，值：页码
   • 键：Pager.Of，值：/
3. 在Program.cs中注册资源：

builder.Services.AddTelerikBlazor()
    .AddLocalization(options =>
    {
        options.ResourceManager = new ResourceManager("你的项目名.Resources.TelerikMessages", typeof(Program).Assembly);
    });

三、在默认分页栏插入自定义文本 #

不想完全重写分页布局，只是在现有分页栏前后添加文本的话，用PagerTemplate保留原有控件，插入内容即可：

<TelerikGrid Data="@GridData" Pageable="true">
    <PagerTemplate>
        <div class="k-pager-wrap k-grid-pager">
            <!-- 分页前添加文本 -->
            <span class="custom-pre-text">显示范围：</span>
            
            <!-- 原有分页信息控件 -->
            <TelerikPagerInfo></TelerikPagerInfo>
            
            <!-- 分页后添加文本 -->
            <span class="custom-post-text"> - 数据实时更新</span>
            
            <!-- 分页按钮和页大小选择控件 -->
            <TelerikPagerPageSizes></TelerikPagerPageSizes>
            <TelerikPagerButtons></TelerikPagerButtons>
        </div>
    </PagerTemplate>
    <!-- 列定义 -->
</TelerikGrid>

内容的提问来源于stack exchange，提问作者Frosch