Question

如何在ag-grid中翻译“No Rows To Show”消息根据用户选择的语言？

我厌倦了这样的事情。

gridOptions: GridOptions = <GridOptions> {
        rowSelection: 'single',
        enableColResize: true,
        enableSorting: true,
        enableFilter: true,
        suppressCellSelection: true,

        overlayNoRowsTemplate: '<span style="padding: 10px; border: 2px solid #444; background: lightgoldenrodyellow;">'+.......+'</span>'
    };

我需要在那个地方添加一些东西。

Answer 1

根据internationalization section，您应该只能将此值指定到gridOptions中，如下所示：

gridOptions: GridOptions = <GridOptions> {
        rowSelection: 'single',
        enableColResize: true,
        enableSorting: true,
        enableFilter: true,
        suppressCellSelection: true,

        localeText: {noRowsToShow: 'No hay nada'}
    };

一般来说，如何解决ag-grid的I18N问题。

更具体地说，关于如何根据用户选择的语言控制此行为的问题，你必须做更多这样的事情（我假设你已经设置了一些包含所选语言的变量）：< / p>

function internationalization (){
    return selectedLanguageVariable === 'es'/*or whatever code you use for spanish*/ ? {noRowsToShow: 'No hay nada'} : {noRowsToShow: 'No Rows'}
}

gridOptions: GridOptions = <GridOptions> {
    rowSelection: 'single',
    enableColResize: true,
    enableSorting: true,
    enableFilter: true,
    suppressCellSelection: true,

    localeText: internationalization()
};

Answer 2

将此parans放入网格HTML：

[overlayNoRowsTemplate] = "overlayNoRowsTemplate";

在课堂上声明：

private overlayNoRowsTemplate;

并在构造函数中调用

this.overlayNoRowsTemplate = "<span>This is a custom 'no rows' overlay</span>";

如何在ag-grid中翻译“No Rows To Show”消息？

2 个答案: