disable attendee dropdown list in Kendo UI Scheduler

Hi Neli

Thanks for your response.

This solution is working fine but problem is that I have two dropdown list (attendee and title) on this popup window. I have converted title text box to dropdown list by using this code:- 

edit: function (e) {
                        //find the title element and create a DropDownList bound to the all event titles
                        e.container.find("[name=title]").removeClass("k-input").kendoDropDownList({
                            dataTextField: "LeaveTypeName",
                            dataValueField: "LeaveTypeName",
                            dataSource: new kendo.data.DataSource({
                                transport: {
                                    read: function (e) {
                                        //alert('Read Event Fire');//console.log(eventList);
                                        e.success(List);
                                    }
                                }
                            })
                    })
                    },
solution provied by you disabled my both dropdown list. I want to only disable my attendee dropdown list.
Regards
 
                                        

Hi Pankaj,

The approach of using the name attribute to distinguish the needed DropDownList is correct. You can use the name or title attributes to find the component and disable it as in the example below:

$(e.container).find('select[title="Evaluations"]').data('kendoDropDownList').enable(false)

In the snippet provided in your reply I am not sure about the purpose of removing the 'k-input' class. Could you please elaborate a little bit on that?

Looking forward to your reply.

Regards,

Neli

Hi Neli, Thanks for your kind response.

I am using the two Scheduler view one for setting the employee schedule and another for booking client appointments. In This I am using the Title dropdown for option like vacation, breaktime, sick etc. so that employees can set their availability.

please tell me how can I set 'Attendees' dropdown name or title because its changed every time according to Title field value. 

Regards

Pankaj

Hi Pankaj, 

If you need to set the title of the Attendees dropdownlist you can use the resources.title option

- https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/resources#resourcestitle

 {
              field: "attendees",
              name: "Test",
              dataSource: [
                { text: "Alex", value: 1 },
                { text: "Bob", value: 2 },
                { text: "Charlie", value: 3 }
              ],
              multiple: false,
              title: "My custom title"
            }

Here you will find the modified example. 

Regards,

Neli

Hi Neli

Here I am talking about attendee dropdown Select tag title. By default this is inherited from Title field value please refer to this Screenshot(PFA the same) 

Regards

Pankaj

Hi Pankaj,

If you need to change the content of the attributes, in the edit event hanlder, you can find the needed select element and try using the jQuey attr() method:

$('select:eq(2)').attr('title', 'Changed title')

The above is demonstrated in the Dojo linked here.

I hope this helps.

Regards,

Neli