[Solved] ComboBox without custom values

[Martin]

Is it possible to configure the ComboBox so that no custom values can be entered?
Or can the DropDownList be configured to allow filtering (mode 'Contains')?

I'd like to have a selection control where the user can enter any part of the contained entries but optionally also click the down-arrow and select one of the values.

[Georgi Krustev]

Hello Martin,

You can use the ComboBox widget to filter data. To prevent entering of a custom value you can wire the change event and check when the new value is not present in the data. Check this jsFiddle demo for more information.

Greetings,
Georgi Krustev
the Telerik team

[Martin]

Hello Georgi,
your sample is for the Kendo widget - but my question was about the MVC controls.
Will this approach also work in my case? Is there anything that has to be change to make it work with MVC?

Thanks.
Martin

[Georgi Krustev]

Hello Martin,

 
Yes, you need to use the same approach. Check this code snippet:

function onChange() {
    var combobox = $(this).data("tComboBox");
    if (combobox.value() && combobox.selectedIndex === -1) {
         //custom value;
    }
}

Greetings,
Georgi Krustev
the Telerik team

[Jo]

Hi Georgi,

That code snippet you provided only partially works.
One thing I noticed is when the user selects a valid value from the combobox, tabs out, returns to the combobox and enters an invalid value, the code inside the validation does not get kicked in.  The combobox still has the valid value's index (ie: <> -1).

Do you have other suggestions for validation?  I thought of using the DropDown, but the list contains very many records for the user to choose from that using this alternative does not seem feasible.

Thanks.