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

Question

如何翻译agg -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'}
    };

这就是如何处理agg -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

将这些参数放到网格中HTML:

[overlayNoRowsTemplate] = "overlayNoRowsTemplate";

声明:

private overlayNoRowsTemplate;

并调用构造函数

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