[ kendo scheduler ] field event change

[sun]

Hi,

     In this demo: https://demos.telerik.com/kendo-ui/scheduler/timeline

     I have a drives me crazy question:

       How can I code field's  change event function in edit-form , for example:  roomId or attendees.

 

    Thank you very much for your help. 

[Dimitar]

Hi,

We may use the approach shown in Re-validate End DatePicker OnStart DatePicker Change knowledge base article. The following Dojo snippet is based on the article and shows how to take reference to the roomId and attendees pickers and bind to their change events:

        function roomIdChange() {
          console.log("roomId change");
        }
        
        function attendeesChange() {
          console.log("attendees change");
        }
        
        // Scheduler's edit event handler
        function schedulerEdit(e) {
          var roomIdPicker =  $("[data-container-for=roomId] select[data-role=dropdownlist]").data("kendoDropDownList");
          roomIdPicker.bind("change", roomIdChange);

          var attendeesPicker =  $("[data-container-for=attendees] select[data-role=multiselect]").data("kendoMultiSelect");
          attendeesPicker.bind("change", attendeesChange);

 

The roomId picker is a DropDownList component, with select element and data-dore=dropdownlist, while the attendees picker is a MultiSelect component, with select element and data-dore=multiselect.

 

Regards,
Dimitar
Progress Telerik

[sun]

Thanks Dimitar, really appreciate your support.