Easy grid auto-complete filter with local data?

[Casimodo]

Hi,

until now I used the grid with odata-v4 data-sources. Auto-complete source configuration was easy: either omit the source and the Kendo grid fetches the data automatically or provide an odata data-source to be used for auto-complete values.

Today I have a scenario where I have local data and would like to filter the columns with auto-complete filters (row-filters).

From what I've read one has to set up the filter UI widget explicitly for each column. E.g.:

filterable: {
    ui: function (element) {
        element.kendoAutoComplete({
            dataSource: someDataSource,
            dataTextField: "Name"
        })
    }
}

This seems tedious because: 1) the data-source is the same as for the grid, 2) the field Name is the same as for the grid's column, 3) one has to have a reference to the data-source.

Is there a built-in mechanism to easily configure the filter to use auto-complete with the grid's own data-source and the grid column's field? After all, in the local data scenario, we would like to filter the stuff, that's ​in the grid already. So I wonder if we can avoid the ceremony.

Does an option like "filterable.autocomplete: true" maybe exist that I just overlooked?

Regards,
Kasimier Buchcik

[Casimodo]

I just learned that one only has to set filterable.dataSource in order to make the auto-complete work.

Unfortunately I also learned that sharing the grid's data-source with the filters does not work. So one has to programmatically update the filter's data when the grid's data changes.

Is there an option somewhere to make the filters share the grid's data-source?

Regards,

Kasimier Buchcik

[Casimodo]

Jeez, can someone show me how to find the filter widgets programmatically in the grid, so I can refresh the data-sources of those ​widgets?

[Boyan Dimitrov]

Hello Casimodo,

 

There is a specific if both Kendo UI AutoCompelte (filter) and Kendo UI Grid use same DataSource instance. If the Kendo UI Gid is filtered then in the AutoComplete widget will be shown only the filtered items. My suggestion is to use same array of data in order to initialize the Kendo UI DataSource for the Kendo UI Grid and the Kendo UI AutoComplete as shown in the http://dojo.telerik.com/IkagE example. 

 

Regards,
Boyan Dimitrov
Telerik

 

 

[Casimodo]

Yes. And now let's change the source data array. How to refresh the data-sources of th​e auto-complete ​widgets?

[Boyan Dimitrov]

Hello Casimodo,

 

Once you have a reference to the AutoComplete widget itself you can use the dataSource property that will return the associated Kendo UI DataSource object. Once you have access to its DataSource you can use the Kendo UI DataSource API to get/modify the data and etc. 

 

In order to change the data array you can use the data method and pass the new array as parameter. Please refer to the examples in the article. 

 

Regards,
Boyan Dimitrov
Telerik