[gellingboeParticipant]

But how do you set this property on the scheduler?

[gellingboeParticipant]

Dalsword, did you ever figure out how to handle this?

[gellingboeParticipant]

To fix this, set the source using the something like below.

resourcesSource = [{ calendar: “Phone Only” }, { calendar: “Video/Phone” }, { calendar: “Overflow” }, { calendar: “Unavailable” }];
resources: any = {
colorScheme: “scheme05”,
dataField: ‘calendar’,
source: this.resourcesSource
};

[gellingboeParticipant]

Thanks that worked for now.

[gellingboeParticipant]

Any update on this?

[gellingboeParticipant]

The reason I put it in ngAfterViewInit and not edtiDialogCreate, the latter doesn’t have access to the local variables outside of the function. So this.isFirstLoad and this.myScheduler are both undefined when the function is called.

Thanks
Greg

[gellingboeParticipant]

Thanks Hristo,

I am actually coding this in Angular and attempting to do this the angular way shown in the Angular demos. When I call the code below in the ngAfterViewInit, I am seeing the following errors.

Code:
ngAfterViewInit() {
this.getScheduledEvents();
this.scheduler.contextMenu(false);
this.scheduler.editDialog(false);
// this.scheduler.editDialogDateFormatstring(‘MM-dd-yyyy’); // commented out because this isn’t working and is reported on another ticket
// this.scheduler.editDialogDateTimeFormatString(‘MM-dd-yyyy HH:mm’); // commented out because this isn’t working and is reported on another ticket
if (this.isFirstLoad) {
this.isFirstLoad = false;
this.scheduler.closeDialog();
setTimeout(function ()
{
this.scheduler.openDialog(50, 100);
}, 100);
}
}

error when trying to use this.scheduler.closeDialog();
jqxscheduler.api.js:7 Uncaught TypeError: Cannot read property ‘jqxWindow’ of undefined
at b.(anonymous function).closeDialog (webpack-internal:///../../../../jqwidgets-scripts/jqwidgets/jqxscheduler.api.js:7:79673)
at Object.a.jqx.invoke (webpack-internal:///../../../../jqwidgets-scripts/jqwidgets/jqxcore.js:15:1509)
at Object.a.jqx.jqxWidgetProxy (webpack-internal:///../../../../jqwidgets-scripts/jqwidgets/jqxcore.js:15:6571)
at HTMLDivElement.eval (webpack-internal:///../../../../jqwidgets-scripts/jqwidgets/jqxcore.js:15:12488)

when i comment out the closeDialog Line I get this error when trying to use this.scheduler.openDialog(50, 100);
ERROR TypeError: this.scheduler.openDialog is not a function
at eval (schedule.ts:116)

Version:
/*
jQWidgets v5.5.0 (2017-Dec)
Copyright (c) 2011-2017 jQWidgets.
License: https://jqwidgets.com/license/
*/

[gellingboeParticipant]

I thought that was what the isModal set to true was supposed to do. And it does do it, just not the first time you load the edit dialog box.

[gellingboeParticipant]

Ok, I noticed that the first time I right click and select Edit or new the screen stays clickable, as well if I double click then the screen. From that point on the screen locks down behind the modal popup.

[gellingboeParticipant]

Ok, I updated the example to show more what I am talking about. https://www.jseditor.io/?key=652b1e0c127111e8b79e00224d6bfcd5-ver-3

I agree, double clicking isn’t a good approach, so I just check cell click. What I am trying to do, when in month mode, clicking a cell takes you to a week view. The first time I click a day on the month view, it switches to the week view, the problem happens when the view is manually switched back to the month view using the month button in the upper right and another day is clicked. It is at this point where the click event fires but the view won’t change to the week view. The only way to fix this is to restart the page. The reason I am doing this, in the app I am working on, appointments can only be viewed in the month view, you click into the week or day to add/edit/delete appointments because they are date/time appointments and not just a day appointment.

Thanks again!
Greg

[gellingboeParticipant]

Running this demo (https://jseditor.io/?key=scheduler-change-view-programmatically) you are only able to switch from month to week once. When you click back to Month, it won’t switch back to the week view when double clicked. When I attempted to use this code:
$(‘#scheduler’).on(‘viewChange’, function (event) {
var args = event.args;
var date = args.date;
var from = args.from;
var to = args.to;
var oldViewType = args.oldViewType;
var newViewType = args.newViewType
console.log(“oldViewType – ” + oldViewType + “; newViewType – ” + newViewType);
});

I end up in a loop that requires closing the browser to break.

Any ideas how to fix this?
THanks
Greg

[gellingboeParticipant]

That did it, thanks!

[gellingboeParticipant]

I guess a better question would be, how would you select a room on the very first appointment being added, if there were no appointments yet to get the room list from?

[gellingboeParticipant]

This appears to be the jqxScheduler by the code above and is the exact issue I am trying to find a solution to. How do I get the resourceId, or room value above to be linked to an array instead of just based on the data from the database? I want to have 4 room options and if I only have two values in the database it is limited to those two when making a new appointment. I attempted to manually set the resources to an array of values but it won’t show those.

Here is one of the attempts I have made trying to force a standard list of resource values for the drop down that would be the room in this demo from your site: https://www.jqwidgets.com/angular/angular-scheduler/angular-scheduler-resources.htm

This is my code trying to manually load data into the calendar(room) field.
resource: any = {
dataType: ‘array’,
dataField: [{name: ‘id’, type: ‘number’},{name: ‘name’, type: ‘string’}],
id: ‘id’,
localData : [{id: 1, name: ‘Phone Only’}, {id: 2,name: ‘Video/Phone’}, {id: 3,name: ‘Overflow’}, {id: 4,name: ‘Unavailable’}]
}
resources: any = {
colorScheme: “scheme05”,
dataField: “resource”,
source: new jqx.dataAdapter(this.resource)
};

[Author]

Posts