[Solved] How to set focus to the textbox in the filter control?

[John Post]

We would like to minimize the number of clicks a customer has to do.  Is there a way to set the focus to the first textbox in the filter popup when the filter icon is clicked?

This works but only for the first filter I select…

 

The problem would appear to be that the filter popups are dynamically generated so after the first, I’m not grabbing the right input:text.

 

 

 

 

 

columns.Bound(o => o.MinTemp).HeaderHtmlAttributes(new { @class = "oneClick" });
columns.Bound(o => o.MaxTemp).HeaderHtmlAttributes(new { @class = "oneClick" });
columns.Bound(o => o.Status).HeaderHtmlAttributes(new { @class = "oneClick" });


function onDataBound(e) {$(".oneClick .t-filter").click(function () {

 setTimeout(function () {

 $(".t-filter-operator").parent().find("input:text").first().focus();

 });

 });

 }

 

 

[Petur Subev]

Hi John,

Basically you can use the OnLoad event and the following handler. On my side everything works fine, does this fits your needs?

function onLoad() {
           $(this).find("th .t-grid-filter").click(function () {
               setTimeout(function () {
                   $('.t-filter-options').find('input:first').focus();
               }, 10);
           });
       }

Regards,
Petur Subev
the Telerik team