Bind to Focus Event

[Josh]

I am able to get a client-side reference to the combobox by using:

.HtmlAttributes(new { id = "myDropDown" })

and

$("#myDropDown").data("kendoComboBox")

 

However, I can't seem to figure out how to bind to the focus event. There is no server-side event method (such as Select(), Change(), etc) for it that I can see and it doesn't appear in the API documents.I am essentially trying to do something like this:

$("#myDropDown").on('focus', function () {
                $("#myDropDown").data("kendoComboBox").open();
            });

 

Thank you

[Ivan Danchev]

Hello Josh,

To open a ComboBox on focus: in a document.ready handler get a reference to the ComboBox, attach a focus event handler to its input element and open the dropdown with the open API method:

<script>	
	$(document).ready(function() {
		var combobox = $("#myDropDown").data("kendoComboBox");

		combobox.input.on("focus", function () {
			combobox.open();
		});
	})
</script>

Give this a try and let me know if it works as expected.

Regards,
Ivan Danchev
Progress Telerik

[Josh]

Thanks Ivan, that did the trick.