How to remove default resource from the Edit window when creating a new event

Question

Hi,I am using the Schedule with resources (allowMultiple: true) and when creating a new event with the Event Editor window the first resource is always the default selected. See attached screenshot.  How do I change it so there is no default?  I want this field to be optional with no default and when the user saves an empty resources array is passed to the dataSource.ThanksDerrick

Praveenkumar Narasimhanaidu · Accepted Answer

Hi Derrick, 

Greetings from Syncfusion support. 

We have validated your requirement and let you know that we can achieve this requirement by using popupOpen event. We have also prepared sample for your reference which is available in below link. 

Sample: https://stackblitz.com/edit/angular-scheduler-no-default-resource?file=app.component.ts 

App.component.ts 





  onPopupOpen(args: PopupOpenEventArgs): void { 
    if (args.type === "Editor") { 
      var multiSelect = args.element.querySelector(".e-OwnerId.e-multiselect") 
        .ej2_instances[0]; 
      multiSelect.value = ""; 
    } 
  } 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 
Praveenkumar.

Derrick · Answer

Praveenkumar,That solution worked well for setting the default.  thanks.I only want set the default when adding a new event but not when editing an event.  From the popupOpen event how do I determine if action is an 'Add' vs 'EditOccurence' or 'EditSeries' ?thanksDerrick

Praveenkumar Narasimhanaidu · Answer

Hi Derrick, 

Thanks for the update. 

We have validated your requirement and let you know that we can get those actions using  scheduler currentAction property. For the same, We have also modified sample for your reference which can be available from below link. 

Sample: https://stackblitz.com/edit/angular-scheduler-no-default-resource?file=app.component.ts 

App.component.ts 




onPopupOpen(args: PopupOpenEventArgs): void { 
    if (args.type === "Editor") { 
      if (!(this.scheduleObj.currentAction == "Add")) { 
        var multiSelect = args.element.querySelector(".e-OwnerId.e-multiselect") 
          .ej2_instances[0]; 
        multiSelect.value = ""; 
      } 
    } 
  } 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 
Praveenkumar.

Derrick · Answer

that's exactly what I was looking for.  thanks!

Nevitha Ravi · Answer

Hi Derrick, 

You are most welcome..! please get back to us if you need any further assistance. 

Regards, 
Nevitha