Grid globalization

[Costa]

Hi. Please provide a working example of grid globalization for the Blazor Server App. Examples from documentation do not work. Syncfusion.EJ2.Blazor 17.3.0.27 .NET Core 3.1.

[Renjith Singh Rajendran]

Hi Costa, 

We are sorry for the inconvenience caused. 

We suggest you to ensure to add the below highlighted namespace in your application. We have missed this namespace in our documentation. We will update these changes in our documentation and will refresh online. 

 

@using Microsoft.JSInterop 

@using Syncfusion.EJ2.Blazor 

@using Syncfusion.EJ2.Blazor.Grids 

 

<EjsGrid DataSource="@Orders" ...> 

    ... 

</EjsGrid> 

 

@code{ 

    [Inject] 

    IJSRuntime JsRuntime { get; set; } 

    ... 

   protected override void OnAfterRender(bool firstRender) 

    { 

        this.JsRuntime.Ejs().LoadLocaleData("wwwroot/locale.json").SetCulture("de"); 

    } 

} 

Note : And also ensure to provide the proper path for the “locale.json” file. In the above code, we have contained a “locale.json” file inside the “wwwroot” folder. 

We have prepared a sample based on this, please download the sample from the link below, 

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorApp108074603 

 

If you are still facing difficulties, we need more details to further proceed on this, kindly share with us the following details for better assistance. 

1. Share the details of the problem or script error you are facing.
2. Share a video demo showing the problem you are facing.
3. Share the type of application you are using. (Blazor WebAssembly Client or Blazor Server Side)

The provided information will help us analyze the problem, and provide you a solution as early as possible. 

Regards, 

Renjith Singh Rajendran. 

[Costa]

Thanks. Looks like I haven't read the documentation carefully. Everything works as it should.

[Renjith Singh Rajendran]

Hi Costa, 

Thanks for your update. 

We are happy to hear that the provided solution helped to achieve your requirement. 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran. 

[Halber Albarracin]

HI, do you have an example with ej2 .net core 2.2 ? 

I tried but not works

thanks

[Shalini Maragathavel]

Hi Costa, 

Thanks for the update. 

Based on your query we have prepared sample for Grid with localization in .net core 2.2 version . Please refer the Code example for your reference  

 

 

<ejs-grid id="Grid" allowPaging="true" allowGrouping="true"  locale="de-DE" allowExcelExport="true" toolbar="@(new List<string>() { "ExcelExport", "Add", "Edit", "Delete", "Update", "Cancel" })"> 

   

    <e-grid-columns> 

. . .
    </e-grid-columns> 

</ejs-grid> 

 

<script> 

    ej.base.L10n.load({s 

        'de-DE': { 

            'grid': { 

                'EmptyRecord': 'Keine Aufzeichnungen angezeigt', 

                'GroupDropArea': 'Ziehen Sie einen Spaltenkopf hier, um die Gruppe ihre Spalte', 

                'UnGroup': 'Klicken Sie hier, um die Gruppierung aufheben', 

                'EmptyDataSourceError': 'DataSource darf bei der Erstauslastung nicht leer sein, da Spalten aus der dataSource im AutoGenerate Spaltenraster', 

                'Item': 'Artikel', 

                'Items': 'Artikel', 

                'Excelexport':'Exportia excel' 

            }, 

            'pager': { 

                'currentPageInfo': '{0} von {1} Seiten', 

                'totalItemsInfo': '({0} Beiträge)', 

                'firstPageTooltip': 'Zur ersten Seite', 

                'lastPageTooltip': 'Zur letzten Seite', 

                'nextPageTooltip': 'Zur nächsten Seite', 

                'previousPageTooltip': 'Zurück zur letzten Seit', 

                'nextPagerTooltip': 'Zum nächsten Pager', 

                'previousPagerTooltip': 'Zum vorherigen Pager' 

            } 

        } 

    }); 

</script> 

Please find the  below sample for more information. 

Sample : https://www.syncfusion.com/downloads/support/forum/163291/ze/Grid_Sample_2.2317801793.zip 

Documentation : https://ej2.syncfusion.com/aspnetcore/documentation/grid/global-local/#localization

Please get back to us if you need further assistance with this. 

Regards, 

Shalini M.