Grid Detail row controls(SfTextbox etc.) are not enabled at all

[Blazor]

Hi Great Support,

I am using this demo ;
https://blazor.syncfusion.com/demos/datagrid/detail-template?theme=bootstrap4&_ga=2.137555318.752706010.1596468363-1072940175.1596330020

I just add one sf text box inside of detail tab. And i can not type any thing inside(noteditable)
here is picture i have made (I can't type any thing);

I take exact demo code and here is i have added;

Thanks in advence.

[Vignesh Natarajan]

Hi Ahmet,  

 

Thanks for contacting Syncfusion support.  

 

Query: “I just add one sf text box inside of detail tab. And i can not type any thing inside(noteditable) here is picture i have made (I can't type any thing);” 

 

We have analyzed your query and we are able to reproduce the reported behavior at our end also. We suggest you to resolve the reported query by using the below solution. We have used stop propagation for keydown event. Refer the below code example.  

 

<SfGrid DataSource="@Employees"> 

    <GridTemplates> 

        <DetailTemplate> 

            @{ 

                var employee = (context as EmployeeData); 

                var chartQuery = $"new sf.data.Query().where('EmployeeID', 'equal', {employee.EmployeeID}, false)"; 

            } 

            <div style="padding:20px"> 

                <SfTab> 

                    <TabItems> 

                        <TabItem> 

                            <ChildContent> 

                                <TabHeader Text="Details"></TabHeader> 

                            </ChildContent> 

                            <ContentTemplate> 

                                <div @onkeydown:stopPropagation="true"> 

                                    <SfTextBox ID="Adres" @bind-Value="@employee.FirstName"></SfTextBox> 

                                </div> 

                            </ContentTemplate> 

                        </TabItem> 

. . . . .  

                    </TabItems> 

                </SfTab> 

            </div> 

        </DetailTemplate> 

    </GridTemplates> 

    <GridColumns> 

        <GridColumn Field=@nameof(EmployeeData.FirstName) HeaderText="First Name" Width="110"> </GridColumn> 

        <GridColumn Field=@nameof(EmployeeData.LastName) HeaderText="Last Name" Width="110"></GridColumn> 

        <GridColumn Field=@nameof(EmployeeData.Title) HeaderText="Title" Width="110"></GridColumn> 

        <GridColumn Field=@nameof(EmployeeData.Country) HeaderText="Country" Width="110"></GridColumn> 

    </GridColumns> 

</SfGrid> 

 

  

Kindly download the modified sample from below  

 

Sample: https://www.syncfusion.com/downloads/support/forum/156627/ze/BlazorApp1-1811430740  

 

Please get back to us if you have further queries.  

 

Regards, 

Vignesh Natarajan 

[Blazor]

Thanks Vignesh,
It worked!

[Vignesh Natarajan]

Hi Ahmet,  

Thanks for the update. 

We are glad to hear that you have resolved your query using our solution.  

Kindly get back to us if you have further queries.  

Regards, 

Vignesh Natarajan