[ritttchyParticipant]

Thx i change my variable data=…. by
var data = “insert=true&start=”+from+”&end=”+to+”&env_id=”+resourceId+”&subject=”+subject+”&description=”+description;

Now it works fine. I test all the components
Once development is complete, I’ll post my code for future encoders.
Your framework is really very good, I uilise lot of your tools in a future-oriented software saas.

[ritttchyParticipant]

So what is the solution please ???

[ritttchyParticipant]

OK,

I make an appointment with appointmentAdd event: OK
$ (“# scheduler”). it (‘appointmentAdd’, function (event) {
                console.log (‘appointmentAdd — —‘);
                var args = event.args;
                var = args.appointment appointment;
               �
                appointment.from = new $ .jqx.date (appointment.from) .toString ();
                appointment.to = new $ .jqx.date (appointment.to) .toString ();
                var data = “insert = true &” + $ .param (appointment);
$ .ajax ({
                    dataType: ‘json’,
                    url: ‘{{url (‘ ritttchy_webmonitor_env_event_create ‘)}}’,
                    data: data,
                    the type: “POST”
                    success: function (response) {
                        //console.log(response)
                        // You Will get response from your php page (what you print or echo)

                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log (textStatus, errorThrown);
                    }
                });
});

I want to change this appointment with the appointmentChange event: KO
After changing I have a message in console: Uncaught TypeError: Can not read property ‘dateData’ of undefined
and the appointment not change.
$ (“# scheduler”). it (‘appointmentAdd’, function (event) {
                console.log (‘appointmentAdd — —‘);
                var args = event.args;
                var = args.appointment appointment;
               �
                appointment.from = new $ .jqx.date (appointment.from) .toString ();
                appointment.to = new $ .jqx.date (appointment.to) .toString ();
                var data = “insert = true &” + $ .param (appointment);

                $ .ajax ({
                    dataType: ‘json’,
                    url: ‘{{url (‘ ritttchy_webmonitor_env_event_create ‘)}}’,
                    data: data,
                    the type: “POST”
                    success: function (response) {
                        //console.log(response)
                        // You Will get response from your php page (what you print or echo)

                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log (textStatus, errorThrown);
                    }
                });
            });
          �
           �
            $ (‘# scheduler’). one (‘appointmentChange’, function (event) {
                console.log (‘appointmentChange — —‘);
                var args = event.args;
                var = args.appointment appointment;
                var id = appointment.id
                console.log (‘- departure -‘)
                console.log (appointment)
                

                from $ var = new .jqx.date ($ (‘# scheduler’) jqxScheduler (‘getAppointmentProperty’ appointment.id ‘from’)). toString ().
                to $ var = new .jqx.date ($ (‘# scheduler’) jqxScheduler (‘getAppointmentProperty’ appointment.id, ‘to’)). toString ().
                resourceId var = $ (‘# scheduler’) jqxScheduler (‘getAppointmentProperty’ appointment.id ‘resourceId.’);
                var subject = $ (‘# scheduler’) jqxScheduler (‘getAppointmentProperty’ appointment.id, ‘subject.’);
                var description = $ (‘# scheduler’) jqxScheduler (‘getAppointmentProperty’ appointment.id, ‘description’).
                console.log (‘from:’ + from + ‘/ to’ + to + ‘/ env_id:’ + resourceId)
               �
       �
                appointment.from = from;
                appointment.to = to;
                appointment.resourceId = resourceId;
                // var data = “update = true &” + $ .param (appointment);
                var data = appointment;
               �
                console.log (‘- end -‘)
                console.log (appointment)
                //data.start = new $ .jqx.date (data.start) .toString ();
                //data.end = new $ .jqx.date (data.end) .toString ();
                // var data = “update = true &” + $ .param (data);
                //console.log(data);
                var url = {{path (“ritttchy_webmonitor_env_event_update ‘, {‘ id ‘:’ id ‘})}}’;
                url = url.replace (“id”, id);
                $ .ajax ({
                    dataType: ‘json’,
                    url: url,
                    data: data,
                    Type: “PUT”
                    success: function (response) {
                        //console.log(response)
                        // You Will get response from your php page (what you print or echo)

                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        console.log (textStatus, errorThrown);
                    }
                });
            });

[ritttchyParticipant]

I found the problem appointments disappear. This is fixed.

I have a new problem on the appointmentChange event. When I change the appointment, I have a message Uncaught TypeError: Can not read property ‘dateData’ of undefined
Object {from: “2015-10-21 3:00:00 p.m.,” to: “2015-10-21 4:30:00 p.m.” id “2430-27-16-19-16” subject: “rffrf “description:” “…}

Thx

[ritttchyParticipant]

Sorry a RDV is an appointement !

[ritttchyParticipant]

Hello,

Creating a RDV works but when opening the dialog box every appointment disappear.

Thank you

[ritttchyParticipant]

Here is the solution to change a dropdownlist in the dialog box:

editDialogCreate: function (dialog, fields, editAppointment) {
fields.repeat.hide();
fields.repeatContainer.hide();
fields.allDayContainer.hide();
fields.statusContainer.hide();
fields.timeZoneContainer.hide();
fields.colorContainer.hide();
fields.subjectLabel.html(“Title”);
fields.locationLabel.html(“Where”);
fields.fromLabel.html(“Start”);
fields.toLabel.html(“End”);
fields.resourceLabel.html(“Environnement”);

var dropDownList = “#”+fields.resource[0].id
$(dropDownList).jqxDropDownList({
source: mySchedulerRessourceAdapter, selectedIndex: 0, width: ‘100%’, height: ’25px’,
displayMember: ‘env_label’,
valueMember: ‘id_env’
});

// add custom print button.
printButton = $(“<button style=’margin-left: 5px; float:right;’>Print</button>”);
fields.buttons.append(printButton);
printButton.jqxButton({ theme: this.theme });
printButton.click(function () { });
},
editDialogOpen: function (dialog, fields, editAppointment) {

var dropDownList = “#”+fields.resource[0].id
$(dropDownList).jqxDropDownList({
source: mySchedulerRessourceAdapter, selectedIndex: 0, width: ‘100%’, height: ’25px’,
displayMember: ‘env_label’,
valueMember: ‘id_env’
});

if (!editAppointment && printButton) {
printButton.jqxButton({ disabled: true });
}
else if (editAppointment && printButton) {
printButton.jqxButton({ disabled: false });
}
},
editDialogClose: function (dialog, fields, editAppointment) { },
editDialogKeyDown: function (dialog, fields, editAppointment, event) { },

[ritttchyParticipant]

Thank you their functioning resources.

I have another question about resources:
I have a JSON file containing resources with 2 fields {env_id, env_label }
I have a JSON file containing the appointment with multiple fields including fields { env_id }
I would like to make a bind both sources because when agenda items the resources do not exist.
How this is possible and how to assign the bind on the label (env_label) and the data on the value(id_env) ??

Thank you

[ritttchyParticipant]

the url link for the test : https://www.jseditor.io/?key=rlar-scheduler-json

[ritttchyParticipant]

Thank you but I asked you a question before to validate the use of the resources JSON :

However, I have another problem on resourceId with JSON datatype resources: Uncaught TypeError: Can not read property ‘length’ of undefined.
Using your demo and then type datas table it works but not in JSON format. Is this a BUG or not?

[ritttchyParticipant]

I have another question, is it possible to add resources from another source than an appointment with a foreign key SQL?

[ritttchyParticipant]

Ok, I found the solution to display the new values for appointmentChange event:
$(‘#scheduler’).on(‘appointmentChange’, function (event) {
console.log(‘— appointmentChange —‘);
var args = event.args;
var appointment = args.appointment;
var id = appointment.id
var from = new $.jqx.date($(‘#scheduler’).jqxScheduler(‘getAppointmentProperty’, appointment.id, ‘from’)).toString();
var to = new $.jqx.date($(‘#scheduler’).jqxScheduler(‘getAppointmentProperty’, appointment.id, ‘to’)).toString();
………
});

However, I have another problem on resourceId with JSON datatype resources: Uncaught TypeError: Can not read property ‘length’ of undefined.
Using your demo and then type datas table it works but not in JSON format. Is this a BUG or not?

[ritttchyParticipant]

Information for the appointment appointmentChange event does not return the new values but only the old values

[ritttchyParticipant]

Re.

I arrive well to insert an appointment in database but when I pass the mouse over it I have a message: “Uncaught TypeError: Can not read property ‘jqxAppointment off undefined”
and it is impossible to edit the appointment because the dialog box does not open.

Thank you

[ritttchyParticipant]

Hello,

The problem is not just inserting SQL but the date format is sent in AJAX type invalid Date: Wed October 14, 2015 0:30:00 GMT + 0200 (CEST)
My question is how to change the date format for the passage of datas in AJAX

Thank you

[Author]

Posts