Reset the filtered List of Combobox

2 posts, 0 answers
  1. Helga
    Helga avatar
    3 posts
    Member since:
    Jan 2013

    Posted 30 Oct 2013 Link to this post

    if i have the filter-option "contains" and type my searchstring in the combobox, all is ok and my item is set correct.
    but now, if i set the value by sourcecode with "value()", the item will not be selected, because the filter is active and the
    item is not found in the filtered list. if i click on the dropdownarrow or erase it with delete-button, all items are there and values-elect is working.

    how can i delete the last filtering or refresh the combobox? the datasource has not changed.
    thanks for help :)


    here is a jsfiddle example (
    just type "2" in the combobox, choose the item, then type 3 in the input and leave the input (f. ex. TAB) --> the item can not be found. the filtered list doesn't contain the item with the id "3". if you open the dropdown with the cursor, all elements were listed.

    i've tested:
    var $elem = e.container.find("#Combobox").data("kendoComboBox"); // the Combobox in in a Grid (inline Editing)
  2. Alexander Valchev
    Alexander Valchev avatar
    2887 posts

    Posted 30 Oct 2013 Link to this post

    Hi Helga,

    Thank you for the jsFiddle example.
    In order to get this working you have to clear the currently applied filter through the filter method of the DataSource:
    $('#customer_id').focusout(function () {
        var $elem = $("#customer").data("kendoComboBox");
        $elem.dataSource.filter([]); //reset filters

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top