Ejgrid Column Field autofill Issue

[Debleena Guha]

I have two fields "user" and "password" in ejgrid. But the fields has set default browser cache value.

In html input text we set to autocomplte="off" to remove that autofill value. But i can not remove that autofill value from ejgrid column field.

How can i do that?

Thanks in advance.

[Vignesh Natarajan]

Hi Debleena, 

 

Thanks for contacting Syncfusion support.  

 

Query: “How to disable autofill default value username and password from input field in ejgrid?” 

 

From your query, we understand that you need to disable the autofill option for input text box inside the ejGrid edit form. We have achieved your requirement using actionComplete event of ejGrid. Refer the below code example 

 

<script type="text/javascript"> 

        $(function () { 

            $("#Grid").ejGrid({ 

                // the datasource "window.gridData" is referred from jsondata.min.js 

                dataSource: window.gridData, 

                allowPaging: true, 

                actionComplete: function (args) { 

                    if (args.requestType == "beginedit" || args.requestType == "add") { 

                        this.getContentTable().find(".gridform").find("input").attr("autocomplete", "off") // to hide the autoComplete for all the input elements 

 

                        // to hide autoComplete for specific column input box 

                        var id = this.element.attr("id"); 

                        //Grid ID + ColumnName 

                        $("#" + id + "CustomerID").attr("autocomplete", "off"); 

                    } 

                }, 

                editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true }, 

                toolbarSettings: { showToolbar: true, toolbarItems: [ej.Grid.ToolBarItems.Add, ej.Grid.ToolBarItems.Edit, ej.Grid.ToolBarItems.Delete, ej.Grid.ToolBarItems.Update, ej.Grid.ToolBarItems.Cancel] }, 

                columns: [ 

…………………………………………………………………….. 

                ] 

            }); 

 

        }); 

 

    </script> 

  

For your convenience we have prepared a JS playground sample which can be referred below 

 

Sample: https://jsplayground.syncfusion.com/gcz5eyc0  

 

Refer our API documentation for your reference 

 

https://help.syncfusion.com/api/js/ejgrid#events:actioncomplete  

 

Please get back to us if you have further queries. 

 

Regards, 

Vignesh Natarajan