Configure Grid datasource to call Javascript function

[Patrick]

Hi,

 We use a framework that wrap every ajax response. Instead to have this :

AggregateResults: null
Data: [{Name: "name1", Title: "M.",},…]
Errors: null
Total: 4

 the response from controller method are :

error: null
result: {data: [{name: "name1", tile: "M."},…], total: 4,…}
success: true
unAuthorizedRequest: false

 

I would like to use a javascript function so that  can manipulate the ajax response and extract the data before passing it to the Grid.

Is there a way to achieve that? Thank you.

[Rosen]

Hello Patrick,

When using ASP.NET MVC wrapper, this can be achieve via setting Custom DataSource configuration. This will allow you to set a custom function for the schema.parse and return the appropriate portion of the response. For example:

@(Html.Kendo().Grid<ViewModel>()
    .Name("grid")
    /*..*/
    .DataSource(dataSource => dataSource
        .Custom()
        .Type("aspnetmvc-ajax")
        .Transport(transport =>
            transport.Read(read => read.Action("Read", "Grid"))
        )
        .Schema(schema => schema.Parse(@<text>
            function(response) {
                return response.result;
            }
        </text>)
        .Data("Data")
        .Total("Total")
        )
    )
)

Regards,
Rosen
Telerik