如何在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

按照internationalization section你應該能夠只指定該數值到gridOptions像這樣：

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

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

也就是說一般如何處理爲AG-電網國際化。

更具體地說，你問到如何根據用戶選擇的語言來控制這個行爲，你將不得不做更多的這樣的事情（我假設你已經設置了一些變量來保存選定的語言）：

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() 
};