Two problems in evaluation

[Gudmar S Magnusson]

1. Is it possible that paging is no longer working in 17.2.0.34-beta. AllowPaging="true" then the grid is just constantly displaying the moving circle. When I remove this option everything is working fine. Data is loaded etc.

2. Is there an example to use the toolbar to save inline edited records to DB via ToolbarClickHandler. How would I get the selected edited record:

 OnToolbarClick="@toolbarClickHandler">

public void toolbarClickHandler(Syncfusion.EJ2.Blazor.Navigations.ClickEventArgs args)
    {
        // Here you can customize your code
    }

[Rahul Narayanasamy]

Hi Gudmar, 

 

Greetings from Syncfusion. 

 

Query: Is it possible that paging is no longer working in 17.2.0.34-beta. AllowPaging="true" then the grid is just constantly displaying the moving circle. When I remove this option everything is working fine. Data is loaded etc. 

 

We have validated and checked the reported problem by creating sample in 17.2.0.34-beta NuGet package version. It works fine at our end. Please find the below sample for your reference. 

 

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

 

If you still facing the same problem, could you please share the below information. It will be helpful to provide a better solution. 

 

• Share full grid code snippets.
• Share screenshot or video demonstration of the reported problem.
• Reproduce the reported problem in the provided sample if possible.

 

Query: Is there an example to use the toolbar to save inline edited records to DB via ToolbarClickHandler. How would I get the selected edited record: 

 

You can get the edited record data and details by using OnActionComplete event with the RequestType as Save. From this event, you will get the modified data(You can get the edited data in args.Data) from it. So using the modified data you can save the changes in server. Please find the below code example and screenshot for your reference. 

 

[code example] 

<EjsGrid DataSource="@gridData" AllowPaging="true" Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update" })" OnActionComplete="@actionCompletedHandler"> 

        <GridEditSettings AllowAdding="true" AllowEditing="true" AllowDeleting="true" Mode="@EditMode.Normal"></GridEditSettings> 

        <GridPageSettings PageSize="5"></GridPageSettings> 

        <GridColumns> 

            ... 

       </GridColumns> 

    </EjsGrid> 

 

@functions{ 

    public List<OrdersDetails> 

    gridData { get; set; } 

    protected override void OnInit() 

    { 

    gridData = OrdersDetails.GetAllRecords(); 

 

    } 

    public void actionCompletedHandler(ActionEventArgs args) 

    { 

        if(args.RequestType.ToString() == "Save") 

        {   //you can get edited data by using args.Data 

            var data = JsonConvert.DeserializeObject<OrdersDetails>(JsonConvert.SerializeObject(args.Data));    //for getting serialized data 

        // Here you can process your operation to store database 

        } 

    } 

    } 

 

[screenshot] 

 

 

Please get back to us if you need further assistance. 

 

Regards, 

Rahul