Prevent appointmentClick

[devsimParticipant]

Hello Jqwidgets team.

When I click appointment in jqxScheduler.

I can see two white squares on the left and right of the appointment.

At the moment, If I drag the right squre to the next day, The appointment will increase.

How can I prevent the appointment from changing?

Thank you always.

[adminKeymaster]

Hi devsim,

If an appointment is having ‘resizable: false’ in its declaration, this will be disabled.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[devsimParticipant]

Thank you Peter’s reply.

and I’m leaving the solution I found here to help someone searching.

When you get data from DB, you can add bindingComplete event.

$("#scheduler").on("bindingComplete", function (event) {
   let _appoints = event.args.owner.apppointments;

   if (_appoints) {
      $("#scheduler").jqxScheduler("beginAppointmentsUpdate");
      _appoints.forEach((el, idx, origin) => {
         $("#scheduler").jqxScheduler("setAppointmentProperty", el.id, "resizable", false);
         $("#scheduler").jqxScheduler("setAppointmentProperty", el.id, "draggable", false);
      });
      $("#scheduler").jqxScheduler("endAppointmentsUpdate");
   }
});

• This reply was modified 7 months, 3 weeks ago by  devsim.

[Author]

Posts