Inline Editing doesn't reflect changes to multiple columns

[Eric Lyons]

I took the example at the following url and made a small change, when the CustomerName property is changed to "TEST", the OrderDate property is set to a default date.  The grid does not show the updated OrderDate value.  I've attached my sample code. 

https://blazor.syncfusion.com/documentation/common/data-binding/data-updates

Attachment: TestNotify_3510f124.zip

[Prathap Senthil]

Hi Eric,

We are unable to reproduce the problem where, “when the CustomerName property is changed to "TEST" and the OrderDate property is set to a default date, the grid does not show the updated OrderDate value”. For your reference, we have attached a screen recording. To proceed with the reported issue, we need some additional clarification from your end. Please share the following details to help us investigate further:

• Could you provide a video demonstration of the issue with replication steps?
• Could you please share the Syncfusion Blazor NuGet package version you are using?
• Could you please attempt to reproduce the issue using the attached sample?

The requested details will be very helpful in validating the reported issue on our end and providing a solution as soon as possible. Thank you for your understanding.

Sample:https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGridRowUpdate

Regards,
Prathap Senthil

Attachment: RowUpdate_893d6ec4.zip

[Eric Lyons]

Thanks for the response.  I've attached a video and I'll try to explain in a little more detail as well.  Whenever the name field is changed to TEST, the OrderDate is changed. At this point, the UI should reflect the new data even when the row is in edit mode.

The first row I edited, I changed the Name and tabbed out of that field to the next field. The OrderDate did not change. And even when I tabbed again to get into the OrderDate field it still didn't change. Once the row was saved, it had the wrong data in it and not the new OrderDate that was suppose to.

The second row that I edited and changed the name, I tabbed out of the name field and the OrderDate was still not updated. This time I saved the row before tabbing into the OrderDate column and the row did reflect the new OrderDate once the row was not in edit mode any more.

In either case, The OrderDate column while in edit mode did not reflect the updated data in the model even though the INotifyPropertyChange was raised.

Attachment: Screen_Recording_20250804_093019_bc56320f.zip

[Prathap Senthil]

Thank you for your update.

Based on your request to update the value in the Date column during editing, we recommend using the EditTemplate to render the SfDatePicker component. Additionally, you can call the PreventRender(false) method in the TextBox ValueChanged event to achieve your requirement of updating the Date column when the TextBox value changes. For your reference, we have attached a GIF file and a modified sample.

  <GridColumn Field=@nameof(DataOrder.OrderDate) HeaderText="Order Date" EditType="EditType.DatePickerEdit" Format="d" TextAlign="TextAlign.Right" Type="ColumnType.Date" Width="160">

 

      <EditTemplate>

          @{

              var data = (context as DataOrder);

          }

          <SfDatePicker TValue="DateTime" @bind-Value="@data.OrderDate" ID="OrderDate"></SfDatePicker>

      </EditTemplate>

  </GridColumn>

    private void OnCustomerNameChanged(string value, DataOrder data)

    {

      

      

        data.CustomerName = value;

      

       Grid.PreventRender(false);

    }

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/DataGridRowUpdate
Reference: Class SfGrid<TValue> - Blazor API Reference | Syncfusion

Please let us know if you need any further assistance.

Attachment: Gif_RowEdit_92b4de27.zip