Below is my autocomplete code. If I uncomment the Events section above the span class 'k-widget k-autocomplete k-header k-state-default' is removed, and the Kendo autocomplete is stoped and it is like a simple text box. Autocomplete functionality will be no more and no events are fired. Please let me know how should I fix the issue, and what may be reason for the same.
<style>
.imgslt .k-autocomplete {
width: 25% !important;
}
</style>
<
div
class
=
"form-group imgslt"
>
<
label
>Select Image:</
label
>
<
div
class
=
"demo-section k-content"
>
@(Html.Kendo().AutoComplete()
.Name("ImageNameList")
.DataTextField("imageName")
.Filter("contains")
.MinLength(2)
.HtmlAttributes(new { style = "width:100%" })
//.Events(e => e
// .Select("autocomplete_select")
// .Change("autocomplete_change")
// )
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetListImages", "Assessment");
//.Data("onAdditionalData");
})
.ServerFiltering(false);
})
)
</
div
>
<
script
>
function autocomplete_select() {
//Handle the select event.
alert('select');
}
function autocomplete_change() {
//Handle the change event.
alert('change');
}
</
script
>