[contreformeParticipant]

Ok, thanks. I have managed to get the object with “clean” datatypes.

[contreformeParticipant]

I found out.

When jqxscheduler parses through appointments if the appointment ends before it starts, the whole process die silently. But due to the amound of appointment and scheduler in my script it’s not been easy to track down.

This should be corrected IMHO, at least a warning or something.
And the debug mode could be a useful tool as well 😉

[contreformeParticipant]

Thanks Peter, I supposed it was a side effect, it may be linked but now it seems I cannot display some appointements without any explanation.

Here’s the code (simplified and anonymized) :

var schedules = [];
// data is from an ajax call
// push all events in array
$.each(data.fetched, function(i, el){
var o = {
        id: el.id,
        to: new Date(el.ends),
        from: new Date(el.starts),
        venue: el.venue,
        subject: el.label
    };
    schedules.push(o);
});

var sch_object = {
    id: 'id',
    dataType: 'array',
    dataFields: [
        {name: 'id', type: 'string'},
        {name: 'to', type: 'date', format: "yyyy-MM-dd HH:mm"},
        {name: 'from', type: 'date', format: "yyyy-MM-dd HH:mm"},
        {name: 'venue', type: 'string'},
        {name: 'subject', type: 'string'}
    ],
    localData: schedules
};
$.each($('div.scheduler'),function(i, el){
    $(el).jqxScheduler({
        width: 1152,
        showLegend: false,
        showToolbar: false,
        editDialog: false,
        timeRulerWidth: 40,
        theme: 'metrodark',
        appointmentDataFields: {
            id: 'id',
            to: 'to',
            from: 'from',
            subject: 'subject',
            resourceId: 'venue'
        },
        date: new $.jqx.date(myDate),
        height: ( 103 * venues.length ) - 6,
        source: new $.jqx.dataAdapter(sch_object),
        resources: {
            dataField: 'venue',
            orientation: 'vertical',
            resourceRowHeight: 70,
            source: new $.jqx.dataAdapter(venues_src) // works
        },
        views: [
            schedule_view
        ]
    });
});

it works for most of the data – 20 days with between 3 to 20 appointments on each day – but on one occasion (the 11th) only the first appointment is rendered then it just skip all the others and goes on to the next scheduler…

Is there a debug mode the follow each scheduler steps ?

[contreformeParticipant]

after some digging I found it may be a cache problem with developer tools… i’ll get back if i find anything.

[contreformeParticipant]

I found this property while analyzing the source code : it is a property of views->view object not of jqxscheduler.
But anyway, my point was precisely that it does work as i intended when specifying 10px in this views’ object property.
Otherwise the overall scheduler width is way too wide for my use.

[contreformeParticipant]

Hello,

i noticed something weird, here’s a working example :

$("#edition_schedule").jqxScheduler({
    date: new $.jqx.date('todayDate'),
    width: 700,
    height: 1140,
    source: new $.jqx.dataAdapter(schedules_src),
    appointmentDataFields:
    {
        from: "start",
        to: "end",
        id: "id",
        location: "venue",
        resourceId: "venue",
        subject: "label"
    },
    showLegend: true,
    theme: 'metrodark',
    toolbarHeight: 35,
    legendPosition: 'top',
    legendHeight: 40,
    rowsHeight:15,
    contextMenu: false,
    editDialog: false,
    resources: {
        dataField: 'venue',
        colorScheme: 'scheme07',
        source: new $.jqx.dataAdapter(venues_src)
    },
    views: [
        {
            type: 'timelineDayView',
            showWorkTime: false,
            columnWidth:10,
            timeRuler: {
                scale: 'tenMinutes',
                formatString: function(date) { return 'HH:mm'; }
            }
        }
    ],
    ready: function () {
        if(schedules.length > 0) $('#edition_schedule').jqxScheduler('ensureAppointmentVisible', schedules[0].id);
    }
});

But now try with :

type: 'timelineDayView',
showWorkTime: false,
columnWidth:20,
timeRuler: {
    scale: 'tenMinutes',
    formatString: function(date) { return 'HH:mm'; }
}

and everything stumble down : the main point being the columns headers being rightfully expanded but the columns width stick to 10px…

[contreformeParticipant]

Thanks again for your quick feedbacks Peter, i think we’ll have some more contact soon.

Best
Sam

[contreformeParticipant]

Thanks a lot for your quick reply Peter,

you’re absolutely right, my bad, i misread the documentation and was sure the appointmentsRenderMode was a timeRuler attribute…

I wish the dev team would consider implementing a custom column width feature in a future version as this would be very helpful. I am testing jqxScheduler against some equivalent products to implement it in a event managing app and – though it is the best so far – when you have more than 5 events in parallel on a slot you cannot anymore use the week view, and when you switch to the timeline week view the display could definitely benefit from some squeezing (when you work on the quarter hour you just end up scrolling horizontally for ages with no clear overview of your week). IMHO the best option would be to be able to zoom in/out in timeline view.

Anyway, when buying the commercial licence does the JS comes unpacked so we could more easily implement custom behaviour such as this zoom in/out feature ?

thanks again for your help
Sam

[Author]

Posts