[Solved] How to tab out of a GridHTMLEditorColumn

[Ying]

I have a GridHTMLEditorColumn in my grid. When doing editing, it is the only column that tab does not work. Does anyone know how to tab out of this editor column or is there any workaround for that?

Thanks!
Ying

 

[Tsvetoslav]

Hi Ying,

In order to achieve this scenario:

1. Define the following client event handler:

    <script type="text/javascript">

        function OnClientLoad(editor, args)
        {
            editor.removeShortCut("InsertTab");
        }


    </script>

2. Add an event handler to the grid's ItemCreated event as follows:

    protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridEditableItem && e.Item.IsInEditMode)
        {
            GridEditableItem item = e.Item as GridEditableItem;

            GridHTMLEditorColumnEditor editor = item.EditManager.GetColumnEditor("Address") as GridHTMLEditorColumnEditor;

            editor.Editor.OnClientLoad = "OnClientLoad";

        }
    }

I hope this helps.

Greetings,
Tsvetoslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Ying]

Thank you Tsvetoslav! That worked perfectly!

Ying