Get Resource Text (name) and ID on Custom Appointment Window

[Corando]

Greeting,

I am trying to build a custom appointment window, based on some of your examples, so far, I have been able to obtain the StartDate and StartTime into two separate fields, but I want to obtain the resource name and ID into two other fields. 

Here is my jquery code

        function onAppointmentWindowOpen(args) {

            args.cancel = true; // prevents the display of default appointment window

            var schObj = $("#schCalendario").data("ejSchedule");

            //When double clicked on the Scheduler cells, fills the StartTime and EndTime fields appropriately

            $("#StDate").ejDatePicker({ value: args.startTime }); //<-- works well

            $("#StTime").ejTimePicker({ value: args.startTime }); //<-- works well

            $("#txtRecurso") //<-- How to get the resource Text name into this field

            $("#txtIDRecurso") //<-- How to get the resource ID into this field

            $("#modNuevaCita").ejDialog("open"); //<--- works well

        }

Attachment: CalendarImage_821b2ace.zip

[Satheesh Kumar Balasubramanian]

Hi Corando, 

  

Greetings from Syncfusion Support..! 

  

We have prepared a sample based on your shared query “need to load the resource field in the custom editor window while cell/appointment double click” using AppointmentWindowOpen event of the scheduler, which can be downloaded from the following link. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/170005/ze/ASPWebFormSample-144063684 

UG link: https://help.syncfusion.com/aspnet/schedule/customization#appointment-window-customization 

  

    function onAppointmentWindowOpen(args) { 

        args.cancel = true; // prevents the display of default appointment window 

        var schObj = $("#Schedule1").data("ejSchedule"); 

        // When double clicked on the Scheduler cells, fills the StartTime and EndTime fields appropriately 

        $("#StartTime").ejDateTimePicker({ value: args.startTime }); 

        $("#EndTime").ejDateTimePicker({ value: args.endTime }); 

        $("#Category").ejDropDownList({ value: !ej.isNullOrUndefined(args.resources) ? args.resources.text : null }); 

. 

. 

. 

if (!ej.isNullOrUndefined(args.appointment)) { 

            $("#customId").val(args.appointment.Id); 

            $("#subject").val(args.appointment.Subject); 

            var categoryObject = $("#Category").data("ejDropDownList"); 

            var categoryValue = ej.DataManager(categoryObject.model.dataSource).executeLocal(new ej.Query().where("id", "equal", args.appointment.OwnerId))[0]["text"]; 

            $("#Category").ejDropDownList("clearText"); 

            $("#Category").ejDropDownList({ text: categoryValue, value: categoryValue }); 

. 

. 

. 

. 

} 

} 

  

Kindly try the above solution and get back to us if you need any further assistance. 

  

Regards, 

Hareesh 

[Corando]

Thank you very much for your help, as provided the example works, however I have another question. 

The DropDownlist control in your example is filled manually, however, I would need the control to be filled from a database. Can it be done?

            $(function () {

                var categorize = [

                    { text: "ALDO", id: "326" },

                    { text: "DANIELA ALEJANDRA CRUZ GARCÍA", id: "364" },

                    { text: "FERNANDO JOSE MOYA SANCHEZ", id: "336" },

                    { text: "LAURA PATRICIA GOMEZ GOMEZ", id: "225" },

                    { text: "LUCERO MONSTSERRAT PEREZ SANCHEZ", id: "347" },

                ];  <---- These values should come from a database and are prefilled when the form loads.

                $("#Category").ejDropDownList({

                    dataSource: categorize,

                    fields: { text: "text", id: "id", value: "id" }

                });

            });

[Satheesh Kumar Balasubramanian]

Hi Corando, 

  

Thanks for your update. 

  

Yes, you can fill the data from database. Please find the below sample link for more references. 

  

https://asp.syncfusion.com/demos/web/dropdownlist/databinding-remotedata.aspx 

  

Could you please try the above solution and get back to us if you have any other queries? 

Regards, 

Satheesh Kumar B 

[Corando]

Thank you, I got it working!

Cheers!

[Vengatesh Maniraj]

Hi Corando, 

 

You are most welcome. 

 

Please get in touch with us if you need any further assistance. 

 

Regards, 

Vengatesh