focus on popup window editing

[Bertha]

I want to focus on the first input field while popup editing.  why this code is not working?
thanks.

​ $("#gdAccessSetup").kendoGrid({
dataSource: adminDataSource,
sortable: true,
pageable: true,
//height: 200,
edit: onGridEditingSetup,
toolbar: ["create"],
columns: [
{ field: "Username", title: "Username", width: "150px", attributes: { style: "text-align:left" }, editor: usernameAutoCompleteEditor },
{ command: ["edit", "destroy"], title: " ", width: "200px" }],
editable: "popup"
});

function onGridEditingSetup(arg) {
arg.container.find("input[name='Username']").attr('maxlength', '20');
arg.container.data('kendoWindow').bind('activate', function (e) {
arg.container.find("input[name='Username']").focus();
})
}

[Kiril Nikolov]

Hello Bertha,

The problem comes from the fact that the focus() is called before the window has finished its loading animation and therefore the focus is not correctly placed. I have created an example that shows the functionality that you are looking for, please check it out and let me know if it helps:

http://trykendoui.telerik.com/@Kiril/Ijep

Regards,
Kiril Nikolov
Telerik

 

 

[Bertha]

Yes.  It worked correctly.  Thanks for the example.

[Kiril Nikolov]

Hello Bertha,

I am glad to hear that the proposed solution helped.

In case you have any questions, please do not hesitate.

Regards,
Kiril Nikolov
Telerik