Inline editing control not working as expected when controlling it from outside buttons

[Mihai Calugar]

Hello I'm trying to obtain the behavior presented in the inline editing example from the documentation. The main issue I have is that I want to obtain this by using some button which is not related to the toolbar ( basically from the an element outside the table). For this I used the table reference to simply call the AddRecord() function. The problem is that in the first place this does not show for the edit template the buttons I placed in the options column only for the second time I press the Add button. The code i'm using can be seen below. This happens with any model and GridData. I really am not sure why does the options column when first adding an empty record to the table does not have the Save and Cancel options and after I press escape and use the Add button it behaves as expected.

Hope I explained this in a good way if not I can come up with a video of the weird behavior.

Looking forward to hearing from you.

Thanks,

Mihai

<div class="col-lg-12 control-section">

    <div class="content-wrapper">

        <div class="row">

            <Syncfusion.Blazor.Buttons.SfButton OnClick="HandleAdd">

                Add

            </Syncfusion.Blazor.Buttons.SfButton>

            <SfGrid DataSource="@GridData" TValue="Company" AllowPaging="true" @ref="TableRef">

                <GridEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true"></GridEditSettings>

                <GridColumns>

                    <GridColumn Field="@nameof(Company.Name)">

                    </GridColumn>

                    <GridColumn Field="@nameof(Company.Logo)"></GridColumn>

                    <GridColumn HeaderText="Options">

                        <EditTemplate>

                            <Syncfusion.Blazor.Buttons.SfButton>

                                Save

                            </Syncfusion.Blazor.Buttons.SfButton>

                            <Syncfusion.Blazor.Buttons.SfButton>

                                Cancel

                            </Syncfusion.Blazor.Buttons.SfButton>

                        </EditTemplate>

                        <Template>

                            <Syncfusion.Blazor.Buttons.SfButton>

                                Remove

                            </Syncfusion.Blazor.Buttons.SfButton>

                            <Syncfusion.Blazor.Buttons.SfButton>

                                Something

                            </Syncfusion.Blazor.Buttons.SfButton>

                        </Template>

                    </GridColumn>

                </GridColumns>

            </SfGrid>

        </div>

    </div>

</div>

[Vignesh Natarajan]

Hi Mihai,  

 

Thanks for contacting Syncfusion support.  

 

Query: “The problem is that in the first place this does not show for the edit template the buttons I placed in the options column only for the second time I press the Add button” 

 

From your query we understand that you are facing issue with EditTemplate while rendering it for first time. We suspect that you are facing the reported issue in older versions (below 18.1.0.52). If yes, in our 2020 Volume 1 Service pack 1 (18.1.0.52) release we have fixed an issue related to template rendering at initial load. Please find the release notes regarding the same from below  

 

https://blazor.syncfusion.com/documentation/release-notes/18.1.52/#common  

 

So kindly ensure the reported issue by upgrading to our latest version (18.1.0.53) or minimum of 18.1.0.52. For your convenience we have prepared a sample using your code example and latest version. We are not able to reproduce the reported issue in it. 

 

Sample: https://www.syncfusion.com/downloads/support/forum/154413/ze/DataGridB808605145  

 

If you are facing the reported issue in our latest version kindly get back to us with more details.  

 

Regards, 

Vignesh Natarajan