The mentioned clear buttons serve different purpose, and that is why both are present by default.
The Kendo UI AutoComplete's filter row clearButton just clears any typed text the widget's dataSource will be filtered by, while the "X" button to the right of the filter icon clears the filter, applied to the Grid, based on the AutoComplete's value, and rerenders the Grid with the corresponding data, after the filter is removed.
In general, you can achieve the desired functionality by getting a reference to the AutoComplete, and using the setOptions()
method to configure the clearButton
However, we have a logged issue with setting clearButton after the widget has been initialized:
Until it is resolved, you can use jQuery to remove the undesired element, as shown in the dojo example, provided above.
If you do not want an AutoComplete in the filter row at all, maybe the more straightforward approach would be to use the columns.filterable.cell.template
Grid option to override the default behavior, and use a regular input, instead of the AutoComplete widget:
I hope this helps.
Telerik by Progress