[Solved] Filter Row Autocomplete

[ASAP Developer]

I'm trying to get some information regarding how to go about setting up a grid with the new filter row functionality so that the filter textbox has autocomplete functionality.

I was taking a look at the following example in the demo section: http://demos.telerik.com/kendo-ui/grid/filter-row , unfortunately I'm not sure how I can go about setting up the server side to get the autocomplete to work because there aren't any examples of how to go about doing it.

I decided to try a different approach and am defining a separate datasource for the filter field but am running into issues going this route too:

         field: 'Name',
        title: 'Name',
        filterable: {
            cell: {
                 dataSource: new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: ColumnFilterQueryUrl,
                            dataType: 'json',
                            data: {
                                columnName: 'Name',
                                tableName: 'Header',
                                queryValue: $('span[data-field="Name"]').find('input')[0].value
}
                        }
                    }
                }),
                operator: "contains"
}
        }

Are there any complete examples of how to go about implementing autocomplete within the new filter row functionality?

[Kiril Nikolov]

Hi,

The autocomplete of the filter row will work without any custom dataSource configurations. It will bind its own dataSource with the elements of the column that is being filtered and will provide the filtering functionality with autocomplete out of the box - as you see in the demo that you linked.

Regards,
Kiril Nikolov
Telerik