Edit and Insert Appointment with Single Click

This article shows how to edit and/or insert a new appointment with single click of the mouse (by default you need to double click to do that).

Insert an appointment with single click

You need to subscribe to the OnClientTimeSlotClick event and define its event handler as follows:

JavaScript

	
	
function insertAppointment(sender, e) {
	var slot = sender.get_activeModel().getTimeSlotFromDomElement(e.get_domEvent().target);
	sender.showInsertFormAt(slot);
}

Edit an appointment with single click

You need to subscribe to the OnClientAppointmentClick event and define its handler as follows:

JavaScript

	
	
function editAppointment(sender, e) {
	var apt = e.get_appointment();
	sender.editAppointmentWithConfirmation(apt);
}