Setting up spanish language on schedule

[Sergio]

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-version

Becouse 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]

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]

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]

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]

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]

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]

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]

Hi Sergio,

 

Thanks for the update.

 

We are happy that your problem has resolved.

 

Regards,

Vengatesh 

[Marco Aguirre]

Hola Sergio

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

[Vengatesh Maniraj]

Hola Sergio

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

Hi 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]

Hello Ravikumar Venkatesan

The 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.ngOnInit

Might you help me. thanks

[Vengatesh Maniraj]

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]

excellent, everything working 100%

Thank you so much

taking advantage of the communication, you will have an example of a CRUD and handling of Data Binding in Angular Schedule component

[Vengatesh Maniraj]

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]

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

[Vengatesh Maniraj]

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