This is a migrated thread and some comments may be shown as answers.

Set Focus to Text Field in Grid Filter Popup

5 Answers 294 Views
Grid
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 1
John asked on 21 Jun 2015, 12:52 PM

When you click on the filter icon in a Grid column, the popup window by default sets the focus to the drop down list for the filter operators(Contains, Starts With, etc.).  My users want to start typing in the text field immediately.  How do I set the focus to the text field as soon as the filter box pops up?  I looked at the filterMenuInit event, but couldn't see a solution.

Thanks.

5 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 24 Jun 2015, 07:40 AM

Hello John,

You could use the filterMenuInit event of the Grid and focus the correct element. I demonstrated the approach in the following example.

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Vrezh
Top achievements
Rank 1
answered on 12 Feb 2020, 07:05 AM
When i'am clicking editable grid row kendo using default focus on first input field, how can i disable default focus on editable grid row click. ?
0
Alex Hajigeorgieva
Telerik team
answered on 13 Feb 2020, 03:58 PM

Hello, Vrezh,

Are you referring to the incell editing functionality of the Kendo UI Grid and that the editable cells open on click?

https://demos.telerik.com/kendo-ui/grid/editing

To change the focus, the grid current() method can be used:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/current

To open a cell for editing, you can use the editCell() method:

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/editcell

In case I misunderstood the requirement, please provide more details.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Vrezh
Top achievements
Rank 1
answered on 14 Feb 2020, 07:35 AM
Hello Alex, my question is if i'am clicking editable grid, there is default focus on first editable input field, if you understand my question let me know pls.

Best Regards,
Vrezh Sargsyan
0
Silviya Stoyanova
Telerik team
answered on 17 Feb 2020, 09:42 AM

Hello, Vrezh,

If you would like to disable a particular column for editing you could set editable to return false for that column.

https://dojo.telerik.com/oPExOmOd

Please let me know if that suits your purposes. Alternatively you could modify the above example for further assistance or provide more details for the functionality you are looking for.

Regards, Silviya Stoyanova Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
John
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Vrezh
Top achievements
Rank 1
Alex Hajigeorgieva
Telerik team
Silviya Stoyanova
Telerik team
Share this question
or