DataGrid - How to set focus to a column?

[Robot]

Hi,
I wonder if it is possible to set the focus to a data grid after adding a new row. In my case setting focus to product code column.

[enchev]

DataGrid In Line Edit - Focus On EditTemplate Items

This is too early. When these events are fired the DataGrid will be re-rendered according to the new state (row is edited) and in OnAfterRenderAsync for example you will have instances of the components in EditTemplate.

[Robot]

How to set focus to ProductCode in OnAfterRenderAsync?

protected override Task OnAfterRenderAsync(bool firstRender)

<RadzenDataGridColumn TItem="OrderDetailDto" Property="ProductCode" Title="Product  Code" OrderIndex="2">
    <EditTemplate Context="orderDetail">
        <RadzenTextBox @bind-Value="orderDetail.ProductCode" Style="width: 100%; display: block" Name="ProductCode" />
        <RadzenRequiredValidator Text="Product Code is Required!" Component="ProductCode" Popup="true" Style="position: absolute; z-index: 9999;"/>
    </EditTemplate>
</RadzenDataGridColumn>

[enchev]

DataGrid In Line Edit - Focus On EditTemplate Items

Thank you, perfect! I was able to capture in OnAfterRenderAsync (I see I need to go do a more careful study of the Blazor component lifecycle). In that method, I was able to revert back to the @ref approach, but have a couple small follow-up questions on focus and selection: <EditTemplate Context="order"> <RadzenTextBox @ref="shipNameTextBox" id="idForJSTest" @bind-Value="order.ShipName" Style="width:100%; display: block" Name="ShipName" /> then check the ref variable for null…