This is a migrated thread and some comments may be shown as answers.

Send anti forgery token AND additional data

8 Answers 27 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Veteran
Dan asked on 16 Oct 2020, 09:11 PM

I want to send the token and additional data on my update call.

Something like the below, is this possible? Do i even need the token for an intranet app? If not, how do I get rid of it?

Javascript

function additionalInfo() {
        return {
            token: kendo.antiForgeryTokens(),
            whatChanged: 2
        }
    }

 

PageModel 

   public JsonResult OnPostUpdate([DataSourceRequest] DataSourceRequest request, OCHODisplayReply reply, int whatChanged) {
 
            if (reply != null && ModelState.IsValid) {
                       /...
              }
}

 

Grid method

.Update(u => u.Url("/Index/?handler=Update").Data("additionalInfo")

8 Answers, 1 is accepted

Sort by
0
Anton Mironov
Telerik team
answered on 21 Oct 2020, 02:41 PM

Hello Dan,

Thank you for the provided code snippets. In order to send an additional parameter to the Razor Controller, try extending the "kendo.antiForgeryTokens" object.

Here is an example:

Grid method
.Update(u => u.Url("/Index?handler=Update").Data("sendingAdditionalParameter"))
Function handler (returning a value from a custom input field)
<input type="type" name="testInputVal" id="testInput"/>

    function sendingAdditionalParameter() {
        var testInputVal = $("#testInput").val();

        return $.extend(kendo.antiForgeryTokens(), testInputVal);
    }
In the Update method of the Controller, the input value will be received as a string "testInputVal" parameter:
        public JsonResult OnPostUpdate([DataSourceRequest] DataSourceRequest request, OrderViewModel order, string testInputVal)
        {
            orders.Where(x => x.OrderID == order.OrderID).Select(x => order);

            return new JsonResult(new[] { order }.ToDataSourceResult(request, ModelState));
        }

I hope this information helps.

Kind Regards,
Anton Mironov
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

0
Dan
Top achievements
Rank 1
Veteran
answered on 21 Oct 2020, 02:49 PM

Anton,

 

Thank you that worked. Follow up question. I am trying now to determine which fields on my pop up editor have changed so that when I send the data to my back end code I don't have to make separate calls for fields that were not updated.I was attempting to do this with JS but cannot make a working solution. Is it possible to send the grid's current data in the .Data( "my grid fields value here"  ) method? That way I can pass the values along with the Edit values and compare the two to see if they are different then only act on the dirty values.

 

Any help is appreciated thanks.

0
Anton Mironov
Telerik team
answered on 26 Oct 2020, 11:13 AM

Hi Dan,

In order to send the current state of items from the Kendo UI Grid, use the "view" method of the dataSource. Here is an example:

.Editable(e => e.Mode(GridEditMode.InLine))

.Update(u => u.Url("/Index?handler=Update").Data("sendingAdditionalParameter"))

    function sendingAdditionalParameter() {

        var grid = $("#grid").data("kendoGrid");
        var dataSourceOfView = grid.dataSource.view();

        return $.extend(kendo.antiForgeryTokens(), dataSourceOfView);
    }
I hope this information helps.

 

Best Regards,
Anton Mironov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Dan
Top achievements
Rank 1
Veteran
answered on 29 Oct 2020, 07:03 PM
Is there a way to send model.dirtyFields through to the .Data method? It doesnt seem like its something I can stringify or pass.
0
Anton Mironov
Telerik team
answered on 03 Nov 2020, 08:30 AM

Hello Dan

The recommended way to get the dirty (changed) fields is represented in the following forum answer:

After getting the needed models (keep in mind the whole model needs to be sent, not just the changed field) in the "changedModels" array send it with the "Data" method as in my previous response.

I hope this information helps.

Greetings,
Anton Mironov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Dan
Top achievements
Rank 1
Veteran
answered on 03 Nov 2020, 02:55 PM

Anton,

Which event needs to be subscribed to for that code? I would assume Edit, but that seems to trigger this code when the edit button is clicked not AFTER the fields have been edited and submitted. Meaning when I try to see what changedModels array looks like after I submit the edit values, it is empty.

Save event doesn't seem relevant to Edit.

This is the code at the moment:

function onEdit(e) {
        var dataSource = $("#Grid").data("kendoGrid").dataSource,
            data = dataSource.data(),
            changedModels = [];
 
        if (dataSource.hasChanges()) {
            for (var i = 0; i < data.length; i++) {
                if (data[i].dirty) { changedModels.push(data[i].toJSON()) }
            }
        }
        console.log(changedModels)
}
0
Dan
Top achievements
Rank 1
Veteran
answered on 03 Nov 2020, 03:11 PM

Anton,

I realize that code needs to be in the function I use for .Data("additionalInfo") method. This seems to solve my case. Thank you!

0
Anton Mironov
Telerik team
answered on 04 Nov 2020, 09:42 AM

Hi Dan,

I am glad to hear that the issue you were facing is now resolved.

I will close this ticket thread now. If assistance for anything else is needed, feel free to open a new one.

 

Greetings,
Anton Mironov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Grid
Asked by
Dan
Top achievements
Rank 1
Veteran
Answers by
Anton Mironov
Telerik team
Dan
Top achievements
Rank 1
Veteran
Share this question
or