Hide Kendo UI Combobox options based on certain values

Question

I have a kendo UI combobox that has values: User 1, User 2, User 3 and User 4 and I would to hide User 1 and User 2 and only show User 3 and User 4 based on a certain condition. Here is the Dojo for that. Kindly let me know how I can achieve the above.

Cheers.

score 3 · Accepted Answer · answered Sep 15 '15 at 10:22

3

You could use:

var _flt = { logic: "or", filters: [] };
// Show only User 3 and User 4
var users = $("#users").data("kendoComboBox");

_flt.filters.push({ field: 'value', operator: "contains", value: "2" });
_flt.filters.push({ field: 'value', operator: "contains", value: "3" });

$('#users').kendoComboBox().data('kendoComboBox').dataSource.filter(_flt);

answered Sep 15 '15 at 10:22

Vladislav Karamfilov

471
1
9
17

And what if I would like to hide all the options? Could you please update the answer for that? – Neophile Sep 15 '15 at 11:14
You could use `$('#users').kendoComboBox().data('kendoComboBox').setDataSource(new kendo.data.DataSource());` to empty your combobox. More information here: [Click](http://www.telerik.com/forums/how-to-empty-combobox-) – Vladislav Karamfilov Sep 15 '15 at 11:22
Thanks again!. Very helpful. – Neophile Sep 15 '15 at 11:42

Hide Kendo UI Combobox options based on certain values

1 Answers1

Linked