We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Scheduler - remove selected events


Is it possible to delete several selected events in one click? Does it work to select multiple items?

4 Replies

LU Lukasz March 14, 2023 03:27 PM UTC

Please note, that  getSelectedElements array is empty:

var scheduleObj = document.querySelector(".e-schedule").ej2_instances[0];   
var selectedCells = scheduleObj.getSelectedElements();

ver. 20.4.50

SR Swathi Ravi Syncfusion Team March 15, 2023 09:51 AM UTC

Hi Lukasz,

You can delete multiple events in one click by holding down the ctrl key and selecting the appointments you want to delete, then releasing the Ctrl key and pressing the delete key. The delete confirmation popup will be opened clicking the delete button on the confirmation popup will delete all the selected events.

UG: https://ej2.syncfusion.com/aspnetcore/documentation/schedule/appointments#deleting-multiple-appointments


Swathi Ravi

LU Lukasz March 15, 2023 11:23 AM UTC

Dear Swathi,

Your solution works, but I need a solution in which I will programmatically take a list of selected events and perform an action, for example, through a button in the menu.

SR Swathi Ravi Syncfusion Team March 16, 2023 10:04 AM UTC


You can delete the selected events programmatically by using the eventClick event and getEventDetails, deleteEvent methods, as shown in the below snippet.

UG: https://ej2.syncfusion.com/aspnetcore/documentation/schedule/crud-actions#deletion-using-deleteevent-method






<div class="col-lg-9 control-section">

    <ejs-schedule id="schedule" height="550" selectedDate="new DateTime(2023, 3, 15)" eventClick="onEventClick">



<button onClick=onButtonClick()> Delete </button>



<script type="text/javascript">

    var slots = [];

    var deleteSlots = [];


    function onEventClick(args) {

        slots = [].slice.call(document.querySelectorAll('.e-appointment-border'));  //here get all selected elements



    function onButtonClick() {

        var scheduleObj = document.querySelector('.e-schedule').ej2_instances[0];

        for (var i = 0; i < slots.length; i++) {

            deleteSlots.push(scheduleObj.getEventDetails(slots[i]));  // get the events details of selected elements.


        scheduleObj.deleteEvent(deleteSlots); // delete the selected events.



Attachment: ej2corescheduledeleteevents_5d54ccf5.zip

Live Chat Icon For mobile
Up arrow icon