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

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

根据国际化部分,您应该能够将此值指定到gridOptions中,如下所示:

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

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

一般来说,如何解决ag-grid的I18N问题.

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

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

将此paran放在网格HTML中：

[overlayNoRowsTemplate] = "overlayNoRowsTemplate";

在课堂上声明：

private overlayNoRowsTemplate;

并调用构造函数

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