Headers not aligned to appointments

[cjobs236Participant]

Hi I’m having issue with regards to scheduler layout when appointments are grouped by resource the header does not align with the appointments here is a sample https://jseditor.io/?key=sample-grouped-scheduler the break line between 1 and 18 for example shows at the middle of the first group here is the sample result I encircled the break between resource https://drive.google.com/file/d/1MXZLVD0zUedhdKX-JqkuQfqsgbTRJTkb/view?usp=sharing

[cjobs236Participant]

Also how do I update the calendar view? If I want to remove a group from the view I thought removing all the appointments of a group would easily update the calendar view but after removing a group appointments the group header remains example on the jseditor template I want to remove “51 – OPEN” so I do something like:

appointment_data = appointment_data.filter(function (appointment) {
return appointment.owner != 51;
});
$("#scheduler").jqxScheduler('beginAppointmentsUpdate');
        $('#scheduler').jqxScheduler('getAppointments').map(function (appointment) {
            $('#scheduler').jqxScheduler('deleteAppointment', appointment.id);
        });
        schedulerSource.localData = [];
        
        schedulerSource.localData = appointment_data.map(function (appointment) {
            $('#scheduler').jqxScheduler('addAppointment', appointment);
        });
        $("#scheduler").jqxScheduler('endAppointmentsUpdate');

the appointment_data is already filtered so “51 – OPEN” is removed from the list, I clear the calendar view and load it with new appointments from the list of filtered data to update the users view although appointments were updated but the header still remains. I already tried to do dataBind using the dataadapter but the result is the same and instead of grouping the appointments the databind sets all appointments into 1 group and the headers remains the same, I can make it work by regenerating the calendar view again but the process is slow compared to updating just specific appointments from the generated calendar view is there a way to do this on jqxscheduler?

[cjobs236Participant]

This is a followup regarding hiding group header I tried to use

$('#scheduler').jqxScheduler('hideAppointmentsByResource', '81 - MARILYN BOYMAN');

too the appointments were hidden but the header is still showing on the calendar view

[cjobs236Participant]

with regards to header layout issue instead of using columnwidth I just use the width property it fixed the issue and the headers are aligned to grouped appointments now

[svetoslav_borislavovParticipant]

Hi,

There is no built-in option for removing a group if it is empty.
For the alignment problem: you can set the resourceColumnWidth to auto, but you have to remove the columnWidth from the weekView.
See here: https://jsfiddle.net/jbcqevn3/1/

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[cjobs236Participant]

Hi,

Yes figure that out but how can I switch the existing calendar to change so that it will display all appointments into 1 calendar view?

[cjobs236Participant]

oh… I think I found a way around on all my issues fortunately setting the resources as null will do the job it can clear the calendar of the grouping and to regroup it again need to load a new set of object on resources.

[Author]

Posts