Plain JS use & Localisation GERMAN

Question

Dear Syncfusion Team,

I am trying to use your control-set without typescript -> compiled to use in Javascript. After spending time with bundling the whole icon set to one single js File, I've wondered, if there are any straight forward approaches/demos ... to learn how to use the controls in Plain JS?

Secondly, I have managed to display a Scheduler in my View but it is not possible to set the culture to german (e.g. de-AT). Please see the attached code.

The scheduler's header is rendered, also with the correct values Like "Tag" for "Day" and so on, but the schedular-view itself is not displayed, just empty white content.

Removing this "localization" code, the scheduler is rendered correctly in english.

Hope you can help me with that.

Best regards,

Thomas

Attachment: Syncfusion1_a8ec1f94.zip

Hareesh Balasubramanian · Accepted Answer

Hi Thomas, 

Greetings from Syncfusion Support..! 

We have prepared a sample based on your shared query by setting the locale property as “de-AT” for the Scheduler, which can be downloaded from the following link. In the below sample we have loaded the CLDR data files through AJAX call. 

Sample: https://www.syncfusion.com/downloads/support/forum/162337/ze/sample992118180  
UG link: https://ej2.syncfusion.com/javascript/documentation/schedule/localization/#localizing-the-static-scheduler-text  





var scheduleObj = new ej.schedule.Schedule({ 
                width: '100%', 
                height: '650px', 
                currentView: 'Week', 
                locale: "de-AT", 
                views: [ 
                                { option: 'Day' }, 
                                { option: 'Week' }, 
                                { option: 'Month' }, 
                                { option: 'TimelineDay' }, 
                                { option: 'TimelineWeek' }, 
                                { option: 'TimelineMonth' } 
                ], 
                selectedDate: new Date(2018, 3, 4), 
                eventSettings: { 
                                dataSource: data 
                }, 
}); 
function loadCultureFiles() { 
                var files = ['ca-gregorian.json', 'numbers.json', 'numberingSystems.json', 'timeZoneNames.json']; 
                var loader = ej.base.loadCldr; 
                var loadCulture = function (prop) { 
                                var val, ajax; 
                                ajax = new ej.base.Ajax('./' + files[prop], 'GET', false); 
                                ajax.onSuccess = function (value) { 
                                                val = value; 
                                }; 
                                ajax.send(); 
                                loader(JSON.parse(val)); 
                }; 
                for (var prop = 0; prop < files.length; prop++) { 
                                loadCulture(prop); 
                } 
} 
scheduleObj.appendTo('#Schedule'); 

Please try the above sample helps you to resolve the problem else please share the issue replicating code snippets or sample to provide better assistance. 

We will happy to assist you..! 

Regards, 
Hareesh