如何替换分页中的文本“行”

Question

在分页示例中，如何将底部的文本“行”替换为另一个单词，例如“产品”？

显示 800 行中的 1 到 10 行

变成

显示 800 个产品中的 1 到 10 个

移植自问题跟踪器上的第 882 期bootstrap-table。

Answer 1

此文本是 bootstrap-table本地化的一部分。默认情况下加载英语 ( en-US )。

解决方案 #1 创建并包含自定义区域设置

/js/locale/bootstrap-table-en-US-custom.js

(function ($) {
    'use strict';

    $.fn.bootstrapTable.locales['en-US-custom'] = {
        formatLoadingMessage: function () {
            return 'Hold your horses...';
        },
        formatRecordsPerPage: function (pageNumber) {
            return pageNumber + ' bananas per page';
        },
        formatShowingRows: function (pageFrom, pageTo, totalRows) {
            return 'Showing ' + pageFrom + ' to ' + pageTo + ' of ' + totalRows + ' products';
        },
        formatSearch: function () {
            return 'Search';
        },
        formatNoMatches: function () {
            return 'No matching records found';
        },
        formatPaginationSwitch: function () {
            return 'Hide/Show pagination';
        },
        formatRefresh: function () {
            return 'Refresh';
        },
        formatToggle: function () {
            return 'Toggle';
        },
        formatColumns: function () {
            return 'Columns';
        },
        formatAllRows: function () {
            return 'All';
        }
    };

    $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['en-US-custom']);

})(jQuery);

还需要注意的是，本地化设置会合并到表设置中 - 这意味着您可以简单地

解决方案#2将它们作为表设置中的参数传递：

$('#table').bootstrapTable({

    // .. your other table settings

    pagination: true,

    formatShowingRows: function (pageFrom, pageTo, totalRows) {
        return 'Showing ' + pageFrom + ' to ' + pageTo + ' of ' + totalRows + ' rows';
    }

});