How to set focus in GridNumericColumn column

[Virendra]

Hi,

In my grid i have <telerik:GridNumericColumn..../> columns.When grid goes into edit mode i add onFocus evenet handlers

GVDataGridNumericColumn gc = this.Columns[ColumnCounterIndex] as GVDataGridNumericColumn;

RadNumericTextBox radNumericTextBox = control as RadNumericTextBox;

//add event handler

radNumericTextBox.TextChanged += new EventHandler(RadGridRadNumericTextBox_TextChanged);

//add js event handler

radNumericTextBox.Attributes.Add("OnFocusIn", "StoreMe( radNumericTextBox.ClientID)");

In StoreMe stores ClientID in hidden field and in PageLoad

function pageLoad(sender, args)

{

$find(ClientID).focus();

}

this suppose to set focus in RadNumericTextBox, but somehow it doesn't.

alert($find(ClientID)); returns [object Object].

Please let me know where is the bug/mistake in code.

thanks

virendra

[Princy]

Hello Virendra,

I suppose you are trying to set focus to the RadNumericTextBox when the grid is in editmode. If thats the case, try out the following code:
aspx:

<telerik:GridNumericColumn DataField="Number" HeaderText="NumericColumn" UniqueName="NumericColumn">
</telerik:GridNumericColumn>

c#:

 protected void RadGrid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)
    {
        if (e.Item is GridEditableItem && e.Item.IsInEditMode)
        {
            GridEditableItem editableItem = (GridEditableItem)e.Item;
            RadNumericTextBox numrctxtbx = (RadNumericTextBox)editableItem["NumericColumn"].Controls[0];
            numrctxtbx.Focus();
        }
    }

Thanks
Princy.

[Virendra]

Hi Princy,

I am trying to set focus in client-side, Javascript.

The server-side focus setting works for NumericColumn but not for other column-types like TextBox, Checkbox.

thanks

virendra

[Mike]

Did you ever figure out an answer to this?  I am currently experiencing the same problem.  Calling focus() on cells in GridBoundColumn works fine.  Calling focus() on cells in GridNumericColumn doesn't.

Jamie

[Tsvetina]

Hello Jamie,

You should access the text element of the RadNumericTextBox control in order to focus it:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridEditableItem && e.Item.IsInEditMode)
    {
        ((e.Item as GridEditableItem)["OrderID"].Controls[0] as RadNumericTextBox).ClientEvents.OnLoad = "load";
    }
}

javascript:

function load(sender, eventArgs) {
    $get(sender.get_id() + '_text').focus();
}

I hope this helps.

Greetings,
Tsvetina
the Telerik team

[Mike]

Thanks, that looks promising.  However, I did finally figure out a solution.
Here is my "moveDown" method.  The variable gridIds is a two dimensional array that has the cell IDs by Y and X.  If $find(newCell.id) doesn't return null, then it's a numeric textbox.  The onfocus handler sets selectedId, selectedX, and selectedY.

if (selectedId != null) {

    if (selectedY < visibleItemCount - 1) {

        var newCellId = gridIds[selectedY + 1][selectedX];

        var newCell = $get(newCellId);

        var numericCtl = $find(newCell.id);

        if (numericCtl != null) {

            numericCtl.focus();

        } else {

            newCell.focus();

        }

    }

}

Perhaps I'll revisit this and see if your solution seems safer.

Thanks,
Jamie