jQWidgets Forums

jQuery UI Widgets Forums Scheduler How to create custom input with typeahead

This topic contains 1 reply, has 2 voices, and was last updated by  admin 6 years, 9 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author

  • Gatekeeper
    Participant

    Hi I am using your resource planner.
    If I add an input using typeahead on the basic html page containing the resource planner it works.
    But when I try to add a custom input into the edit dialog, the input appears but the typeahead does not work.
    What do I need to do?

    Code is as follows for adding the custom field:

    var EnquiryRefField = “<div>”;
    EnquiryRefField += “<div class=’jqx-scheduler-edit-dialog-label’>” + enquiryref + “</div>”;
    EnquiryRefField += “<div class=’jqx-scheduler-edit-dialog-field’><input name=\”EnquiryRef\” id=\”EnquiryRef\” style=\”display:inline;\” type=\”text\” value=\”\” data-provide=\”typeahead\” autocomplete=\”off\” data-url=\”/Job/Enquiry/GetReferenceList\”></div>”;
    EnquiryRefField += “</div>”;

    var i = 0;

    $(‘#dialogscheduler’).children(‘div’).each(function () { // loop trough the div’s (only first level childs) elements in dialogscheduler
    i += 1;
    if (i == 1) { // places the field in the third position.

    $(this).after(EnquiryRefField);
    };
    });

    $(‘#EnquiryRef’).jqxInput({ width: ‘99%’, height: 25 });


    admin
    Keymaster

    I would suggest you to look at: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxscheduler/scheduler-edit-dialog.htm?material. This demo demonstrates what kind of API to use in order to customize the Scheduler’s Edit Dialog.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.