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. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

AngularJS Grid localization

Thread ID:

Created:

Updated:

Platform:

Replies:

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

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 07:23 AM UTC

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.

Warning Icon 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.Close Icon

;