This is a migrated thread and some comments may be shown as answers.

Moving Multiple Appointments

4 Answers 63 Views

Scheduler

This is a migrated thread and some comments may be shown as answers.

Michael asked on 24 Oct 2013, 07:10 PM

Hello!

I have written the following javascript function that selects all the appointments of a certain "group". Now I wish to move them all to the left and right the exact same amount....any thoughts.

function OnClientAppointmentMoving(sender, args)

{

//Get all appointments and info

var appointments = sender.get_appointments();

var appointmentcount = appointments.get_count();

//Get selected appointment and its info

var currentappointment = args.get_appointment();

var oldslot = currentappointment.get_timeSlot();

var list = currentappointment.get_attributes();

var ordergroup = list.getAttribute("OrderGroup");

//Selected appointment drop slot

var newslot = args.get_targetSlot();

var curslot = newslot - oldslot;

alert(oldslot);

//handle all visiable appointments

for (var i = 0; i < appointmentcount; i++)

{

//Get all scheduler appointments

appointment = appointments.getAppointment(i);

appointment.set_selected(false);

templist = appointment.get_attributes();

tempordergroup = templist.getAttribute("OrderGroup");

//Work only with current appointment group

if (tempordergroup == ordergroup)

{

//Visually demonstrate split is selected

appointment.set_selected(true);

//Move all selected appointments left and right by same amount

//HELP HERE!!!

}//end if

}//end for

}//end function

Thanks in advance!

4 Answers, 1 is accepted

answered on 29 Oct 2013, 02:59 PM

I was able to achieve the interaction I wanted using javascript. I have attached javascript I used for anyone needing the same effect. Here is the JS below in action. Video Capture

//Global Variables

var beginTop = -1;

var beginLeft = -1;

//Appointment Functions

function selectAppointment(appointment)

{

//appointment.set_selected(true);

domObject = appointment.get_element();//get current appointment DOM object

domObjectID = domObject.getAttribute("ID");//get current DOM object ID

$('#' + domObjectID).addClass("grouped");

$('#' + domObjectID).addClass("rsAptSelected");

}//end function

function deselectAppointment(appointment)

{

domObject = appointment.get_element();//get current appointment DOM object

domObjectID = domObject.getAttribute("ID");//get current DOM object ID

$('#' + domObjectID).removeClass("grouped");//Enable Grouping on the DOM element

$('#' + domObjectID).removeClass("rsAptSelected");//Enable Grouping on the DOM element

}//end function

function getAppointmentOffset(appointment)

{

domObject = appointment.get_element();//get current appointment DOM object

domObjectID = domObject.getAttribute("ID");//get current DOM object ID

var offset = $('#' + domObjectID).offset();

return offset;

}//end function

//Gantt Chart Events

function OnClientAppointmentClick(sender, args)

{

var appointment;

var appointmentid;

var thisList;

var thisOrderGroup;

var thisAppointmentID;

var domObject;

var domObjectID;

var appointments = sender.get_appointments();

var appointmentcount = appointments.get_count();

var curAppointment = args.get_appointment();

var curAppointmentID = curAppointment.get_id();

var list = curAppointment.get_attributes();

var orderGroup = list.getAttribute("OrderGroup");

var eventType = list.getAttribute("EventType");

//Test for machine down

if (eventType == "3")

{

return;

}//end if

for (var i = 0; i < appointmentcount; i++) {

appointment = appointments.getAppointment(i);

thisList = appointment.get_attributes();

thisAppointmentID = appointment.get_id();

thisOrderGroup = thisList.getAttribute("OrderGroup");

deselectAppointment(appointment);//Reset Selected Appointments

//Set selected for group

if (thisOrderGroup == orderGroup)

{

selectAppointment(appointment);

}//end if

}//end for

}//end function

function OnClientTimeSlotClick(sender, args)

{

var appointments = sender.get_appointments();

var appointmentcount = appointments.get_count();

var appointment;

for (var i = 0; i < appointmentcount; i++)

{

appointment = appointments.getAppointment(i);

deselectAppointment(appointment);

}

}//end function

function OnClientAppointmentMoveStart(sender, args)

{

//Get all appointments and info

var appointments = sender.get_appointments();

var appointmentCount = appointments.get_count();

//Get selected appointment and its info

var curAppointment = args.get_appointment();

var list = curAppointment.get_attributes();

var curOrderGroup = list.getAttribute("OrderGroup");

var curAppointmentID = curAppointment.get_id();

var offset = getAppointmentOffset(curAppointment);

beginTop = offset.top;

beginLeft = offset.left;

//handle all visiable appointments

for (var i = 0; i < appointmentCount; i++)

{

//Get all scheduler appointments

var appointment = appointments.getAppointment(i);

var thisList = appointment.get_attributes();

var thisOrderGroup= thisList.getAttribute("OrderGroup");

var thisAppointmentID=appointment.get_id();

if (thisAppointmentID != curAppointmentID)

{

deselectAppointment(appointment);

}

//Work only with current appointment group

if (thisOrderGroup == curOrderGroup && thisAppointmentID!=curAppointmentID)

{

selectAppointment(appointment);

}//end if

}//end for

}//end function

function OnClientAppointmentMoving(sender, args)

{

//Get the current appointment offset

var curAppointment=args.get_appointment();

var curOffset=getAppointmentOffset(curAppointment);

var moveTop = beginTop - curOffset.top;

var moveLeft = beginLeft - curOffset.left;

beginTop = curOffset.top;

beginLeft = curOffset.left;

//get all of group

$('.grouped').each

(

function (i)

{

var thisOffset = $(this).offset();

var thisLeft = thisOffset.left - moveLeft;

var thisTop = thisOffset.top - moveTop;

$(this).offset({left: thisLeft });

}

);//end each

}//end function

function OnClientAppointmentMoveEnd(sender, args)

{

var curAppointment = args.get_appointment();

sender.updateAppointment(curAppointment);

}//end function