[Solved] Custom Filter

[Heinrich]

Hi

Is it possible to specify a custom filter function?. I need to filter based on multiple fields of the objects.

Thank you

[Martin Yankov]

Hello Heinrich,

Currently the AutoCompleteBox control allows filtering only by a single field. To accomplish your task you can merge the different fields into a single one with a separator and use the "contains" filter operation.

var array = [
    { title: "Football", host: "USA" },
    { title: "Basketball", host: "Canada" },
    { title: "Hokey", host: "Russia" }
];

for (var i = 0; i < array.length; i++) {
    array[i].searchField = array[i].title + " " + array[i].host;
}

var autoComplete = new Telerik.UI.RadAutoCompleteBox(document.getElementById("autoCompleteBox"), {
    dataSource: {
        data: array
    },
    dataTextField: "searchField",
    filter: "contains"
});

You can then use templates to display the item in the dropdown list properly.

I hope this information is useful. Let me know in case you need further assistance or have questions.

Regards,
Martin Yankov
Telerik