How to use Autocomplete inside EventEditorTemplate

[S_Line]

Hi,

I want to use a autocomplete in a textbox inside a eventeditortemplate. When i configure it, the first time i open the editor, by double click on cell, it work fine, but, if i click to open it again, i got the error in console "Failed to execute 'closest' on 'Element': '.' is not a valid selector.".

Can you help me?

Thank you.

[Nevitha Ravi]

Dear Customer, 

Greetings from Syncfusion Support. 

We suspect that autocomplete control is not rendered properly which might throw the reported script error. Kindly refer the following sample link in which autocomplete works fine within editor template. 

https://stackblitz.com/edit/oxqw9h-z6julg?file=index.js  

        editorTemplate: '#EventEditorTemplate', 

        popupOpen: function (args) { 

            if (args.type === 'Editor') { 

                var statusElement = args.element.querySelector('#EventType'); 

                if (!statusElement.classList.contains('e-autocomplete')) { 

                  var autoCompleteObject = new ej.dropdowns.AutoComplete({ 

                        placeholder: 'Select a status', value: statusElement.value, 

                        dataSource: ['New', 'Requested', 'Confirmed'] 

                    }); 

                    autoCompleteObject.appendTo(statusElement); 

                    statusElement.setAttribute('name', 'EventType'); 

                } 

             … 

Please check the sample if you still face the problem revert us back with your code or else try to reproduce it in the above sample. 

Regards, 

Nevitha 

[S_Line]

Thank you! It working fine now!

[Karthigeyan Krishnamurthi]

Dear Customer,  

 

We are happy that our solution resolved your issue. 

 

Regards, 

Karthi