Setting up spanish language on schedule

Question

Hi!I´m trying to set up spanish in my schedule component, but i´m a little stuck. I´ve been reading the docs and this other posts:- https://www.syncfusion.com/forums/151528/how-to-change-components-language-with-translated-static-files- https://www.syncfusion.com/forums/150795/ejs-calendar-having-problem-with-globalisation-for-latest-versionBecouse their goals are similar to mine, but in my case it doesn´t works properly. I´ve attached a file .txt with my loadCldr and L10n methods, so as not to write too much in this post. Also, i´m setting the locale='es' property on my schedule component and i´ve also tried with setCulture("es"), but it doesn´t matter. This is the response i´m recieving when my app loads:As you can see, there are ain´t calendar showing up, and language (TODAY - February 2020) is still english.Attachment: load_language_methods_6d2c21f5.rar

Ravikumar Venkatesan · Answer

Hi Sergio, 

Greetings from Syncfusion support. 

We have checked your code at our end and prepared the below sample based on the shared details. 

Sample: https://www.syncfusion.com/downloads/support/forum/151876/ze/Schedule-es-locale-700243251 

Kindly try the above sample and let us know for further assistance on this. 

Regards, 
Ravikumar Venkatesan

Sergio · Answer

Hi again, I´ve tried the sample you prepared to me but it doesn´t working. My problem is with de locale property of my schedule object, becouse is only when I write on html <ejs-schedule locale="es"> that my schedule stops working and appears the blank page of the last image in my first post.

I don´t know what to do, becouse there is no error message from the component on the console or browser.

Also I´ve tried to change the value from typescript with:

ngOnInit() {
  this.mySchedule.locale = 'es'
}

But it doesn´t matters. If I do console.log(this.mySchedule.localeObj), the response of this object is ´undefined´, in case this tells you something.

Ravikumar Venkatesan · Answer

Hi Sergio,

Thanks for the update.

We have checked your problem in our sample and it could be work as expected on our side. Therefore, we have prepared the sample based on the code you shared like the below.

[app.component.ts]

export class AppComponent implements OnInit {

@ViewChild('schedule')

public scheduleObj: ScheduleComponent;

public selectedDate: Date = new Date(2018, 1, 15);

ngOnInit(): void {

this.scheduleObj.locale = 'es';

}

[app.component.html]

<ejs-schedule #schedule height='550px' [(selectedDate)]="selectedDate" [eventSettings]="eventSettings"></ejs-schedule>

Sample: https://www.syncfusion.com/downloads/support/forum/151876/ze/angular_schedule_locale_es-642067413

Kindly try the above sample and get back to us for further assistance on this.

Regards,

Ravikumar Venkatesan

Sergio · Answer

That´s exactly what i´ve tryed, sorry if i don´t get myself enouth clear. Even if I modify de locale property with this viewchild object, my schedule doesn´t load properly. Any other info I can send you to help?

Vengatesh Maniraj · Answer

Hi Sergio,  
 
Thanks for the update. 
 
Based on your shared information, we have checked the de locale in Schedule control but it could be working fine. For more reference please check the below sample. 
 
Sample: https://www.syncfusion.com/downloads/support/forum/151876/ze/angular_schedule_locale_de-1865685764  
Locale Text: https://github.com/syncfusion/ej2-locale 
 
If you still face the problem kindly reproduce your issue in the above sample and revert us to serve you better. 
 
Regards, Vengatesh

Sergio · Answer

Hi again! After some days working on it, i´ve discovered it was a version problem. I´ve reinstalled all and it´s working now, lot of thanks!!

Vengatesh Maniraj · Answer

Hi Sergio,

 

Thanks for the update.

 

We are happy that your problem has resolved.

 

Regards,

Vengatesh

Marco Aguirre · Answer

Hola SergioTengo el mismo problema que tu, me podrias decir que fue lo que actualizaste o reinstalaste para que te funcionara. Gracias

Vengatesh Maniraj · Answer

Hola SergioTengo el mismo problema que tu, me podrias decir que fue lo que actualizaste o reinstalaste para que te funcionara. GraciasHi Marco,

 

Greetings from Syncfusion Support.

 

Kindly refer to the below sample to resolve the problem.

 

Sample: https://www.syncfusion.com/downloads/support/forum/151876/ze/angular_schedule_locale_de-1865685764  

 

If you still face the problem,
please share the below details to serve you better.


 Share
     the Syncfusion package details
 Share
     the scheduler rendering code or
 Replicate
     the issue in the above sample
 Share
     your issue details


 

Regards,

Vengatesh

Marco Aguirre · Answer

Hello Ravikumar VenkatesanThe example you give is in the angular version 4 and @ syncfusion / ej2-angular-schedule ":" 16.3.21, if it worked and very well. The problem with Angular 9 and @ syncfusion / ej2-angular-schedule ":" 18.1.45 is where it doesn't work mark the following error: TypeError: Cannot set property 'locale' of undefined     at CalGralComponent.ngOnInitMight you help me. thanks

Vengatesh Maniraj · Answer

Hi Marco, 

Thanks for the update. 

We have validated your reported issue and found the cause for this issue is that we need to enable the static metadata properties of Angular ViewChild like below, 

 @ViewChild("schedule", { static: true }) 

For more reference, please check the below sample, 

Sample: https://stackblitz.com/edit/angular-snmi3t?file=app.component.ts 

Kindly check the above sample and get beck to us if you need any other assistance. 

Regards, 
Vengatesh.

Marco Aguirre · Answer

excellent, everything working 100%Thank you so muchtaking advantage of the communication, you will have an example of a CRUD and handling of Data Binding in Angular Schedule component

Vengatesh Maniraj · Answer

Hi Marco, 

You are most welcome. 

We are happy that your problem has resolved. 

Yes, we have a sample for CRUD action and Data Binding in Angular Scheduler and you can get more information about the CRUD actions from the below link, 

Sample: https://github.com/SyncfusionExamples/ej2-angular-scheduler-odatav4-adaptor 
Data Binding: https://ej2.syncfusion.com/angular/documentation/schedule/data-binding/?no-cache=1 
CRUD action: https://ej2.syncfusion.com/angular/documentation/schedule/crud-actions/ 

Please refer the above links and get back to us if you need any further assistance. 

Regards, 
Vengatesh

Marco Aguirre · Answer

Thanks for the info. You will have some example in NodeJS and MySql in Remote Data. Thank you

Vengatesh Maniraj · Answer

Hi Marco, 

Thanks for the update. 

We have already discussed with “NodeJS and MySql” in the below community forum. Kindly check the below for more reference. 

Forum: https://www.syncfusion.com/forums/150433/how-to-use-nodejs-postgresql-mysql-to-crud-schedules 

Please check the above forum and get back to us if you need any further assistance. 

Regards, 
Vengatesh