Grid - blazor preview 6 - latest syncfusion package - edit not working

[BigMac]

I'm using your examples of the grid and trying to getting editing to work but the grid just hands with progress icon after changing an item.

I tried all 3 edit modes:

(1)Normal mode -- after clicking update button in tool bar OR by clicking off the grid row selected to make it lose focus

(2) Dialog mode -- dialog box opens but upon clicking save button it hangs with progress icon behind the dialog box -- cancel button will cancel the window

(3) Batch mode -- it doesn't hang at all but upon update the grid just resets the original values.

Code used is your example code -- pasted below:

@page "/"
@using Syncfusion.EJ2.RazorComponents.Grids

Hello, world!

Welcome to your new app.

@functions{
public List gridData { get; set; }
protected override void OnInit()
{
gridData = OrdersDetails.GetAllRecords();
}
}

[BigMac]

I have attached project files since pasting code doesn't seem to have worked.

Attachment: grid_edit_issue_blazor_ac34254b.zip

[BigMac]

Is anybody looking into this???

[Renjith Singh Rajendran]

Hi Mark, 

Thanks for contacting Syncfusion support. 

We have validated the defect “Script error thrown when perform editing in Grid” you have initiated with us. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our Volume 2, 2019 Beta release.  

   

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.   

Link : https://www.syncfusion.com/feedback/7051/script-error-thrown-when-perfrom-edit-in-grid 

Until then we suggest you to use the “JsonAdaptor” of DataManager to overcome the problem you are facing. We have modified the sample, which you have shared with us. And we are attaching the sample for your convenience, please download the sample from the link below, 

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

 

[Index.razor] 

 

<EjsGrid id="Grid" AllowPaging="true" AllowSorting="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })"> 

    <EjsDataManager json="@gridData" Adaptor="Adaptors.JsonAdaptor"></EjsDataManager> 

    ... 

</EjsGrid> 

 

@functions{ 

    public OrdersDetails[] gridData { get; set; } 

    protected override void OnInit() 

    { 

        gridData = OrdersDetails.GetAllRecords().Cast<OrdersDetails>().ToArray(); 

    } 

} 

 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran. 

[BigMac]

Hi Mark, 

Thanks for contacting Syncfusion support. 

We have validated the defect “Script error thrown when perform editing in Grid” you have initiated with us. Thank you for taking the time to report this issue and helping us improve our product. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and including the defect fix in our Volume 2, 2019 Beta release.  

   

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.   

Link : https://www.syncfusion.com/feedback/7051/script-error-thrown-when-perfrom-edit-in-grid 

Until then we suggest you to use the “JsonAdaptor” of DataManager to overcome the problem you are facing. We have modified the sample, which you have shared with us. And we are attaching the sample for your convenience, please download the sample from the link below, 

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

 

[Index.razor] 

 

<EjsGrid id="Grid" AllowPaging="true" AllowSorting="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })"> 

    <EjsDataManager json="@gridData" Adaptor="Adaptors.JsonAdaptor"></EjsDataManager> 

    ... 

</EjsGrid> 

 

@functions{ 

    public OrdersDetails[] gridData { get; set; } 

    protected override void OnInit() 

    { 

        gridData = OrdersDetails.GetAllRecords().Cast<OrdersDetails>().ToArray(); 

    } 

} 

 

Please get back to us if you need further assistance. 

Regards, 

Renjith Singh Rajendran. 

In your workaround -- @gridData should be bound to the changes made in the UI, correct? The "edit" changes show in the UI but the changes are not being reflected in the datasource object (ie. @gridData) -- is that another bug or by design?  If it is by design then how do I programmatically access the changes made to the data in the EjsDataMaanger?

Mark

[Vignesh Natarajan]

Hi Mark,  

Sorry for the inconvenience caused.  

From your query we understand that you need to update original dataSource (griddata) while performing changes in the Grid UI. Since we have suggested JsonAdaptor as workaround solution, it has some limitation and it is not feasible to achieve your current requirement using JsonAdaptor. 

By default the edited data will be updated in both UI and Grid dataSource while binding the dataSource in the form of Collection of data/IEnumerable directly to Grid datasource in Blazor Application. But unfortunately we have some issues in it as we already informed. So we have promised to resolve this issue in our 2019 Volume 2 beta release which is expected to be rolled out in the month end of June 2019.  

Till then we appreciate your patience. 

Regards, 

Vignesh Natarajan.