Tabbing into a datagrid cell

[dhuss]

I have a web page that has a series of dropdown controls (12 total). As the user enters/selects a value, they can tab to the next dropdown. When they tab out a dropdown that doesn't have a value (any of the 12), I want the focus to go to a data grid - first row - third cell. The following code, when looking via quick watch, confirms I have the correct row and cell based on the rendered ID when viewing the source. What ends up happing is the focus goes to the second row - first cell. What am I doing wrong?

var masterTable = $find("<%= dgServices.ClientID %>").get_masterTableView();
if (masterTable != '') {
    masterTable.get_dataItems()[0].get_element().cells[2].focus();

The attached jpg shows the flow I want to accomplish.

[Antonio Stoilkov]

Hi Dennis,

You could achieve your scenario by wrapping your code in a setTimeout as it is shown in the example below.

var masterTable = $find("<%= dgServices.ClientID %>").get_masterTableView();
if (masterTable != '')
{
    setTimeout(function()
    {
        masterTable.get_dataItems()[0].get_element().cells[2].focus();
    }, 5);
}

Greetings,
Antonio Stoilkov
the Telerik team

[dhuss]

If I hard code the "mangled" name (example: ParentControl_ctl00_ct04_lblID) then tabbing into the grid works fine. I don't want to rely on the generated name because I have found they can change. Why does this work and referring to the actual column/cell not work?

[Antonio Stoilkov]

Hello Dennis,

I have assembled a sample project demonstrating the desired functionality. Note that in order to focus the text box you should focus the html input element in the cell not directly the cell.

function focusGrid()
{
        var masterTable = $find("<%= dgServices.ClientID %>").get_masterTableView();

    if (masterTable != '')
    {
        setTimeout(function()
        {
            //$get("dgServices_ctl00_ctl04_TextBox1").focus();
            masterTable.get_dataItems()[0].get_element().cells[2].getElementsByTagName("input")[0].focus();
        }, 10);
    }
}

Regards,
Antonio Stoilkov
the Telerik team