How to Pass Additional Data With the DataSourceResult Back to the View

Environment

Product

Telerik UI for ASP.NET Core

Description

How can I pass additional data through the DataSourceResult from the Controller back to the View?

Solution

The desired result can be achieved by following the steps below:

• Store the output of the ToDataSourceResult method in a variable.
• Return a custom JSON result with the same field names and add the additional fields.
• Handle the RequestEnd event of the DataSource to retrieve the additional data when the response of the request is received.

C#

    var resultFinal = result.ToDataSourceResult(request);
    return Json(new
    {
        Data = resultFinal.Data,
        Total = resultFinal.Total,
        AggregateResults = resultFinal.AggregateResults,
        Errors = resultFinal.Errors,
        myAdditionalParam = "additional data" // Add the desired parameter.
    });

Razor

    @(Html.Kendo().DataSource<OrderViewModel>()
        .Name("myDataSource")
        .Ajax(dataSource =>
        {
          dataSource.Events(ev => ev.RequestEnd("requestEnd"))
          // Additional configuration.
        })
    )

    <script>
        function requestEnd(e){
            // Access the additional data sent from the server.
            console.log(e.response.myAdditionalParam);
        }
    </script>

More ASP.NET Core DataSource Resources

• ASP.NET Core DataSource Documentation
• Client-Side API Reference of the DataSource for ASP.NET Core
• Server-Side API Reference of the DataSource for ASP.NET Core