focus on the grid search bar

[Klayton]

Hi, Is it possible to set the keyboard input focus on the grid search bar as soon as I load the entire page? Thanks.

[Marin Bratanov]

Hi Klayton,

You can focus it with plain JS, if you add a function similar to this one, you can call it in OnAfterRenderAsync by passing a correct selector:

    function focusElement(selector) {
        var elem = document.querySelector(selector);
        if (elem && elem.focus) {
            setTimeout(function () {
                elem.focus();
            }, 30);
        }
    }

Regards,
Marin Bratanov
Progress Telerik

[Klayton]

Sorry for my ignorance. But if I have three grids on a page, how do I reference which grid search bar I want to focus on? Thanks

[Marin Bratanov]

Hello Klayton,

You can use any approach you like - n-th of type selectors, a Class on the individual grid to cascade through, or other identifiers in your structure that you can cascade selectors through. It is entirely up to your project logic to decide how to get the reference to the thing you want to alter.

Regards,
Marin Bratanov
Progress Telerik