I keep getting 400 BadRequest when submitting this form

[Vince]

Hi,

I have the following code to create a form, but when I submit it, I get a 400.

@(Html.Kendo().Form<ConfigurationModel>()
        .Name("formExample")
        .HtmlAttributes(new { url = @Url.Action("ProductQuantity", "Reports"), method = "POST" })
        .Items(items =>
        {
            items.Add()
            .Field(f => f.SchoolProductQuantityReportSchoolId)
            .Label(l => l.Text("School:"))
            .Hint("Select a school")
              .Editor(b =>
                b.ComboBox()
                .DataTextField("Description")
                .DataValueField("Id")
                .DataSource(dataSource => dataSource
                    .ServerFiltering(true)
                    .Read(read => read.Action(actionName, "School")
                    .Data("addAntiForgeryToken")))
                );
        })

My goal here is to not use Ajax, I want a full post back the old-fashioned way.

Thanks for your help.

 

[Vince]

Forgot to paste in the controller code

[HttpPost]
        [Route("Reports/ProductQuantity")]
        public async Task<IActionResult> ProductQuantity([FromForm] ConfigurationModel model)
        {
            var tmpPath = System.IO.Path.GetTempPath();

            var pdf = Path.Join(tmpPath, model.SchoolProductQuantityReportSchoolId.ToString());

            return File(await System.IO.File.ReadAllBytesAsync(pdf), MimeTypes.ApplicationPdf, "packing-slips.pdf");
        }

[Veselin Tsvetanov]

Hi Vince,

Instead of url, you will need to specify the action attribute of the <form> element:

.HtmlAttributes(new { action = @Url.Action("ProductQuantity", "Reports"), method = "POST" })

The above should force the Form to submit its data to the correct endpoint. Here is some more info on the action attribute:

https://developer.mozilla.org/en-US/docs/Learn/Forms/Sending_and_retrieving_form_data#the_action_attribute

Regards,
Veselin Tsvetanov
Progress Telerik