Globalization Support

29 Sep 20171 minute to read

Globalization is language support based on the culture in NumericTextBox . You can achieve the Globalization using “locale” property in NumericTextBox .

The widget provides multi-language support using globalization. You can customize the NumericTextBox with your own language style by using this feature. You can change the globalization by using the locale property. The default value for locale property is en-US in NumericTextBox control. More than 350 culture specific files are available to localize the value.

NOTE

All the culture-specific script files are available within the below specified location, once you have installed Essential Studio in your machine, therefore it is not necessary to download these files explicitly.

'(installed location)\Syncfusion\Essential Studio\25.1.35\JavaScript\assets\scripts\i18n'

For example, If you have installed the Essential Studio package within C:\Program Files (x86), then navigate to the below location, C:\Program Files (x86)\Syncfusion\Essential Studio\25.1.35\JavaScript\assets\scripts\i18n

Refer the below German culture file in head section of HTML page after the reference of ej.web.all.min.js file.

JAVASCRIPT

<script src="http://cdn.syncfusion.com/25.1.35/js/i18n/ej.culture.de-DE.min.js"></script>

You can dynamically change the language based on their culture.

Configure Globalization

The following example describes the way to use Globalization for NumericTextBox widget.

HTML

<input id="numeric" type="text" ej-numerictextbox [value]="value" [decimalPlaces]="decimalPlaces" [locale]="locale"/>

HTML

import { Component } from '@angular/core';

@Component({
  selector: 'ej-app',
  templateUrl: 'src/numerictextbox/numerictextbox.component.html'
})
export class NumericTextboxComponent { 
    public value: number;
    public decimalPlaces: number;
    public locale: string;
    constructor() {
        this.value = 12345;
        this.decimalPlaces = 2;
        this.locale = "de-DE";
    }
}

The output for NumericTextBox with Globalization.

NumericTextBox with de-DE locale

NumericTextBox with en-US locale