Hello Ray,
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 and
noDataTemplate options:
http://dojo.telerik.com/IJITu/2
However, we have a logged issue with setting clearButton after the widget has been initialized:
https://github.com/telerik/kendo-ui-core/issues/2222
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:
http://dojo.telerik.com/IJITu/4
I hope this helps.
Regards,
Dimiter Topalov
Telerik by Progress