want to bind some important stuff with Scheduler

Question

Hello,I hope you doing well.First of all I would like to thanks your whole team for such brilliant product.I have some requirements. I hope you would support me for it.1. I would like to save year month value which user has visited last. i.e. For example if user visited 2019 January month preview of scheduler. I want to save this information and when he come back to the scheduler, wanted to show him same preview which he left last time.   Note: would it be possible to apply this month year value before scheduler loads(not must but if possible please tell.)2. Currently, I am applying some highlight filter to the scheduler once scheduler loaded. if I apply date to the scheduler through [selectedDate]="selectedDate" . Scheduler reloaded which remove all the highlight filter I have applied.  So is there any possibility to keep my highlights. 3. Is there any function there which can be called once scheduler get loaded completely.4. Is there any function to start loading scheduler on HTML?Regards,Parth

Vinitha Devi Murugan · Accepted Answer

Hi Parthkumar, 
 
Greetings from Syncfusion Support. 
 
Q1: From your query we found that you want to persist the schedule data after page reload. So we suggest to use enablePersistence property of our scheduler to achieve your requirement.   
 
Sample: https://stackblitz.com/edit/enable-persistence?file=app.component.html  
 
UG Link: https://ej2.syncfusion.com/angular/documentation/state-persistence/#state-persistence  
API Link: https://ej2.syncfusion.com/angular/documentation/api/schedule/#enablepersistence  
 
Q2: We suggest you to apply the highlight filters in dataBound event of our scheduler to overcome the reported issue. 
 
Q3 We suggest you to use the our dataBound event like below to achieve your requirement and for the same we have prepared below sample for your reference. 
 
onDataBound(args) { 
    if (this.flag) { 
      // Do your customization here 
      this.flag = false; 
      console.log("Scheduler rendered"); 
    } 
  } 
 
Sample: https://stackblitz.com/edit/data-bound-event-example?file=app.component.ts  
API Link: https://ej2.syncfusion.com/angular/documentation/api/schedule/#databound  
 
Q4: You can load the scheduler in html file by following below documentation.  
 
UG Link: https://ej2.syncfusion.com/javascript/documentation/schedule/getting-started/#getting-started    
 
Kindly try the above solution’s and get back to us if you need any further assistance. 
 
Regards, 
Vinitha

Parthkumar Kakadiya · Answer

Hi Vinitha ,Thanks a lot for your brief explanation.My query is regarding my first requirement from first question.As a solution you have asked me to user enablePersistence. which is working fine. Only problem which I have that it's browser oriented. I have very specific requirement if user try to logout and login in different than also i would like to give same scheduler preview with which he/she left.That's why i would like to bind it with my database value.regards,Parth

Balasubramanian Sattanathan · Answer

Hi Parthkumar, 

Thanks for the details. 

We have analyzed your requirement at our end and let you know that we can get the persisted data by making use of the getPersistData method. Using this method, we can save the persisted data in the DB before logging off and can restore the persisted data after logging in. 

https://stackblitz.com/edit/enable-persistence-qxdbwx?file=app.component.ts 





public savedProperties: any; // need to maintain this in DB 
public resetProperties: object; 
saveState() { 
  // Store the persistec data in the global variable   
  this.savedProperties = JSON.parse( 
    (this.scheduleObj as any).getPersistData() 
  ); 
  this.resetProperties = this.savedProperties; 
} 
setState() { 
  // Restore the persisted data to the Schedule from global variable 
  if (this.resetProperties) { 
    this.scheduleObj.selectedDate = new Date(this.savedProperties.selectedDate); 
    this.scheduleObj.currentView = this.savedProperties.currentView; 
  } 
} 

Kindly try the above solution and let us know if this comes close to your requirement. 

Regards, Balasubramanian S