kendoDropDownList
The select() method changes the selection but does not first select or change events... Wassup?
HTML
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<div>
<span id='my-list'></span>
</div>
JavaScript
/* basis: kendoUI 1.322, jQuery1.7.1 */
$("#my-list").kendoDropDownList({
width: '6em',
optionLabel: 'Method...',
dataTextField: 'label',
dataSource: [
{
label: 'Method 1'
}
],
select: function () { alert('select') },
//change: function () { alert('change') },
});
$("#my-list").change(changeRigPlanView);
$("#my-list").data('kendoDropDownList').select(1);
$("#my-list").data('kendoDropDownList').trigger("change");