We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to Set AutoComplete Field Value in Custom Schedule Window

Thread ID:

Created:

Updated:

Platform:

Replies:

123357 Mar 9,2016 03:22 PM Mar 10,2016 04:27 AM ASP.NET MVC 1
loading
Tags: Schedule
Prasanth
Asked On March 9, 2016 03:22 PM

Hi there ,

I have trying to set auto complete field value via AppointmentWindowOpen javascript method.

The field is defined like this

<td>
                        Assessment Type:
                    </td>
                    <td>
                        @Html.EJ().Autocomplete("AssesmentTypeID", (Syncfusion.JavaScript.Models.AutocompleteProperties)ViewData["autoAssessmentType"])
                    </td>

and the javascript method is something like..

function onAppointmentWindowOpen(args) {
        args.cancel = true;
        var quickobj = $("#Schedule1AppointmentQuickWindow").data("ejDialog");
        quickobj.close();
        $("#StartTime").ejDateTimePicker({ value: args.startTime });
        $("#EndTime").ejDateTimePicker({ value: args.endTime });
        if (!ej.isNullOrUndefined(args.target)) {
            /*if ($(args.target.currentTarget).hasClass("e-alldaycells"))
                $("#allday").prop("checked", true);
            else
                args.model.currentView == "month" ? $("#allday").prop("checked", true) : $("#allday").prop("checked", false);
                $("#StartTime,#EndTime").ejDateTimePicker({ enabled: ($(args.target.currentTarget).hasClass("e-alldaycells") || $(args.target.currentTarget).hasClass("e-monthcells") || args.model.currentView == "month") ? false : true });
            */
        }
        if (!ej.isNullOrUndefined(args.appointment)) {
            $("#customId").val(args.appointment.Id);
            $("#subject").val(args.appointment.Subject);
            $("#customdescription").val(args.appointment.Description);
           
            $("#StartTime").ejDateTimePicker({ value: new Date(args.appointment.StartTime) });
            $("#EndTime").ejDateTimePicker({ value: new Date(args.appointment.EndTime) });


having trouble setting autocomplete field value (following line)

 $("#AssesmentTypeID").ejAutoComplete({ value: new Date(args.appointment.AssesmentTypeID) });

if you could assist me on this that would be appreciated

Regards
Prasanth



Karthigeyan Krishnamurthi [Syncfusion]
Replied On March 10, 2016 04:27 AM

Hi Prasanth,

Thank you for contacting Syncfusion support.

We have prepared a sample for your requirement “Adding auto complete field in custom window” and that can be downloaded from the following location,
http://www.syncfusion.com/downloads/support/forum/123357/ze/custom_window-968675821

In the above sample, we have added auto complete field named owner in custom window. While opening the appointment which is saved with the owner value, custom window will display the owner value in auto complete field. Kindly refer to the following code example used in the above sample.
<Code>

function onAppointmentWindowOpen(args) {

        ---------------

        ---------------

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

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

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

            $("#customdescription").val(args.appointment.Description);

            var ownerObject = $("#Owner").data("ejAutocomplete"); // here creating th object for auto complete control

            var ownerValue = ej.DataManager(ownerObject.model.dataSource).executeLocal(new ej.Query().where("id", "equal", args.appointment.OwnerId))[0]["text"]; // here we are filtering the owner value based on the id

            $("#Owner").ejAutocomplete("clearText");

            $("#Owner").ejAutocomplete({ text: ownerValue, value: ownerValue }); // here we are binding the owner value to auto complete field

            ---------------

            ---------------

            }

            $("#customWindow").ejDialog("open");

        }

        else

            $("#customWindow").ejDialog("open");
    }
</Code>  

We have checked the provided code example and found that you are trying to convert the auto complete field value in to date object which may be the cause for the issue. We request you to give the value to auto complete field as shown below.

<Code>

$("#AssesmentTypeID").ejAutoComplete({ value:args.appointment.AssesmentTypeID });

</Code>

Kindly try with the above suggestion and if still issue persist at your end try to reproduce the error in the above sample and send it back to us or you can share sample, if possible. We can analyze the mentioned scenario and provide you the possible solution.


Regards, 
Karthigeyan


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;