Question

I’ve got a few Kendo AutoComplete fields linked to remote data (hundreds of possibilities, so DropDownList is not an option).

How can I force users to make a selection from the displayed list?

I’m also retrieving the additional data that’s returned from the data source, e.g.

$("#station").kendoAutoComplete({
    dataSource: stationData,
    minLength: 2,
    dataTextField: 'name',
    select: function(e){
        var dataItem = this.dataItem(e.item.index());
        console.dir(dataItem);
    }
});

I’m doing additional stuff with the data in dataItem and it needs to be a valid selection.

Thanks

SOLVED:
I think I was possibly over-complicating things. The answer is pretty simple and is posted below.

Answer 1

var valid;
$("#staton").kendoAutoComplete({
  minLength: 2,
  dataTextField: "name",
  open: function(e) {
    valid = false;
  },
  select: function(e){
    valid = true;
  },
  close: function(e){
    // if no valid selection - clear input
    if (!valid) this.value('');
  },
  dataSource: datasource
});