How to make an item non-clickable(item will be visible) in KendoDropDownList

Question

var items = [ { Id: 0, Title: "Manager" }, { Id: 1, Title: "Developer" }, { Id: 2, Title:      "Vice President" } ];

$("#dropdownlist").kendoDropDownList({
dataSource: items,
dataTextField: "Title",
dataValueField: "Id"
});

Now i Want 0th item("Manager") non clickable.This item will be visible though.

Any Help?

Answer 1

#dropdownlist :first-child{
    pointer-events: none;
}

_

element.onclick = function(event){
    event.stopPropagation();
    return false;
}