Fires when the value has been changed.
Example
$("#dropdownlist").kendoDropDownList({
change: function(e) {
// handle event
}
});
To set after initialization
// get a reference to the dropdown list
var dropdownlist = $("#dropdownlist").data("kendoDropDownList");
// bind to the change event
dropdownlist.bind("change", function(e) {
// handle event
});
Fires when the drop-down list is closed
Example
$("#dropdownlist").kendoDropDownList({
close: function(e) {
// handle event
}
});
To set after initialization
// get a reference to the dropdown list
var dropdownlist = $("#dropdownlist").data("kendoDropDownList");
// bind to the close event
dropdownlist.bind("close", function(e) {
// handle event
});
Fires when the drop-down list is opened
Example
$("#dropdownlist").kendoDropDownList({
open: function(e) {
// handle event
}
});
To set after initialization
// get a reference to the dropdown list
var dropdownlist = $("#dropdownlist").data("kendoDropDownList");
// bind to the open event
dropdownlist.bind("open", function(e) {
// handle event
});
Triggered when a Li element is selected.
Attach select event handler during initialization; detach via unbind()
// event handler for select
var onSelect = function(e) {
// access the selected item via e.item (jQuery object)
};
// attach select event handler during initialization
var dropdownlist = $("#dropdownlist").kendoDropDownList({
select: onSelect
});
// detach select event handler via unbind()
dropdownlist.data("kendoDropDownList").unbind("select", onSelect);
Attach select event handler via bind(); detach via unbind()
// event handler for select
var onSelect = function(e) {
// access the selected item via e.item (jQuery object)
};
// attach select event handler via bind()
$("#dropdownlist").data("kendoDropDownList").bind("select", onSelect);
// detach select event handler via unbind()
$("#dropdownlist").data("kendoDropDownList").unbind("select", onSelect);
Event data
-
item
: jQuery
- The selected item chosen by a user.