Prevent browser from auto-filling the filter

[Richard]

OK, so I've been banging my head on this for a few days and I thought I was going in the right direction but maybe now.  So the problem I have is that browsers are auto-filling the filter box of the Kendo Grid with random information based on the user.  A lot of time it's an e-mail for some random reason.

So you can find threads about setting autocomplete="off" or AutoCompleteType="Disabled" for kendo objects.  So I tried this:

{
                field: "ToFromOrganizer",
                title: "From/To/Organizer",
                filterable: {
                    cell: {
                        template: function(args) {
                            args.element.kendoMaskedTextBox({
                                value: "",
                                AutoCompleteType: "Disabled"
                            });
                        },
                        operator: "contains",
                        suggestionOperator: "contains"
                    }
                }
            },

 

In an attempt to prevent the browser from filling in the field, but that doesn't work.  Anyone have an suggestions.

 

[Richard]

Tried it as an AutoComplete and no change.  I can't seem to get value to actually work.

{
                field: "ToFromOrganizer",
                title: "From/To/Organizer",
                filterable: {
                    cell: {
                        template: function(args) {
                            args.element.kendoAutoComplete({
                                dataSource: args.dataSource,
                                dataTextField: "ToFromOrganizer",
                                dataValueField: "ToFromOrganizer",
                                valuePrimitive: true,
                                value: ""
                            });
                        },
                        operator: "contains",
                        suggestionOperator: "contains"
                    }
                }
            },

[Deepak]

Hi Richard, I am facing the same issue you faced , did you solve that , may I know the solution for that pls

[Nikolay]

Hi Deepak,

As my colleague Alex mentioned, the Kendo UI Grid features an AutoComplete for its string columns out of the box when row filtering is enabled and there is no need to explicitly set it as so. Please refer to the following demo:

• https://demos.telerik.com/kendo-ui/grid/filter-row

And here is the behavior I got which seems to be the correct one:

• https://www.screencast.com/t/TnJyd4REqoL

There is no other auto-filling rather than the items available in the column.

Please let me know if I am missing something.

regards,

Nikolay

[Richard]

So it was definitely the browse just doing an auto fill. If I excluded the website or went into In-Private mode, then I would never get the auto fill. I ended up giving up on the column-by-column filtering and instead went to a single global search field for the entire table. It looks better, users like it as it was less confusing as well.

[Nikolay]

Hi Richard,

I am glad to hear you found an approach suitable for the project.

Please do not hesitate to contact us back if anything new arises.

regards,

Nikolay

[Alex Hajigeorgieva]

Hello, Richard,

The Kendo UI Grid features an AutoComplete for its string columns out of the box so there is no need to define them.

However, I cannot reproduce the browser behaviour you describe in this demo, can you let me know which browser you are referring to? Are you able to reproduce it here?

https://demos.telerik.com/kendo-ui/grid/filter-row

Look forward to hearing back from you.

Regards,
Alex Hajigeorgieva
Progress Telerik