We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

AngularJS Grid localization

Thread ID:

Created:

Updated:

Platform:

Replies:

130998 Jun 15,2017 07:52 AM Jun 16,2017 03:23 AM AngularJS 1
loading
Tags: ejGrid
Martin R
Asked On June 15, 2017 07:52 AM

Hello,

I want to localize my grid created with AngularJS Syncfusion components. eg.:

<div id="id" ej-grid e-datasource="data" ></div>

The question is, how to do it, because there on wiki is no sample for that: https://help.syncfusion.com/angular-1/grid/overview

Regards,
Martin Rasovsky



Prasanna Kumar Viswanathan [Syncfusion]
Replied On June 16, 2017 03:23 AM

Hi Martin, 

Thanks for contacting Syncfusion support. 

To localize the grid, use locale API of ejGrid and we have to provide the localization string value by adding a property(property name should be same as locale name) to the object “ej.Grid.Locale”.  
 
Find the code example and sample : 
 


<div ng-app="employeeView"> 
    <div ng-controller="GridCtrl"> 
        <div ej-grid id="Grid" e-width="500px" e-datasource="data" ----- e-locale="de-DE" > 
            ------------------- 
</div> 
 
<script> 
   
    angular.module('employeeView', ['ejangular']) 
        .controller('GridCtrl', function ($scope) { 
            $scope.tools = ["add", "edit", "delete", "update", "cancel"]; 
            $scope.page = 2; 
            $scope.data = window.gridData; 
        }); 
 
    ej.Grid.Locale["de-DE"] = { 
        EmptyRecord: "Keine Aufzeichnungen angezeigt", 
        GroupDropArea: "Ziehen Sie eine Spaltenüberschrift hier", 
        DeleteOperationAlert: "Keine Einträge für Löschvorgang ausgewählt", 
        EditOperationAlert: "Keine Einträge für Bearbeiten Betrieb ausgewählt", 
        SaveButton: "Speichern", 
        CancelButton: "stornieren", 
        EditFormTitle: "Korrektur von", 
        GroupCaptionFormat: "{{:field}}: {{:key}} - {{:count}} {{if count == 1}}Beiträge{{else}}Beiträges{{/if}}", 
        UnGroup: "Klicken Sie hier, um die Gruppierung aufheben" 
    }; 
    ej.Pager.Locale["de-DE"] = { 
        pagerInfo: "{0} von {1} Seiten ({2} Beiträge)", 
        firstPageTooltip: "Zur ersten Seite", 
        lastPageTooltip: "Zur letzten Seite", 
        nextPageTooltip: "Zur nächsten Seite", 
        previousPageTooltip: "Zurück zur letzten Seite", 
        nextPagerTooltip: "Zum nächsten Pager", 
        previousPagerTooltip: "Zum vorherigen Pager" 
    }; 
</script> 



Find the list of properties and its value in locale object from the below documentation.  



Regards, 
Prasanna Kumar N.S.V 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;