How to debug ASP.NET Core MVC data binding?

Question

I am having a weird problem where I have tons of checkboxes that I need to post to the server yet I need some hidden fields by these checkboxes with id's to do the correct mapping on the server side.

I have something like this (free handed so typos may exist)

MyVm
{
  public string Id { get; set; }
  public string SecondaryId { get; set; }
  public bool IsSelected { get; set; }  
  public string Name { get; set; }
}

I have a collect of these that I sent to my View

in my view I have

@foreach(var vm in vms) {
      <div>
         @{ var guid  = Guid.New() }
         @Html.Hidden("Index", guid, new {id = $"Index[{guid}]"})
         @Html.Hidden($"[{guid}.Id", vm.Id)
         @Html.Hidden($"[{guid}].SecondaryId", vm.SecondaryId)
         @(Html.Kendo().CheckBox().Name($"[{guid}].IsSelected")).Label(vm.Name).Checked(vm.IsSelected)
       <div>
}

Now in my controller I have

[HttpPost]
public ActionResult Edit(List<MyVm> vms)
{
   // do some stuff
}

Now when I do my post (my code is wrapped in a form tag) "vms" is null.

When I comment out

   @foreach(var vm in vms) {
      <div>
         @{ var guid  = Guid.New() }
         @Html.Hidden("Index", guid, new {id = $"Index[{guid}]"})
       @*  @Html.Hidden($"[{guid}.Id", vm.Id) *@
         @Html.Hidden($"[{guid}].SecondaryId", vm.SecondaryId)
         @(Html.Kendo().CheckBox().Name($"[{guid}].IsSelected")).Label(vm.Name).Checked(vm.IsSelected)
       <div>
}

My model binds successfully.

If I comment out

   @foreach(var vm in vms) {
      <div>
         @{ var guid  = Guid.New() }
         @Html.Hidden("Index", guid, new {id = $"Index[{guid}]"})
       @Html.Hidden($"[{guid}.Id", vm.Id) 
        @*   @Html.Hidden($"[{guid}].SecondaryId", vm.SecondaryId)*@
         @(Html.Kendo().CheckBox().Name($"[{guid}].IsSelected")).Label(vm.Name).Checked(vm.IsSelected)
       <div>
}

My model also binds successfully.

So for whatever reason, having both uncommented out leads me to have a null models but have one or the other leads to model binding.

How can I debug something like this?

Take a look at this stackoverflow.com/questions/1130417/…

COLD TOLD
– COLD TOLD

2021-02-02 19:55:46 +00:00
Commented Feb 2, 2021 at 19:55 — COLD TOLD
– COLD TOLD, Commented Feb 2, 2021 at 19:55

Michael Wang · Accepted Answer · 2021-02-03 09:57:32Z

4

You could check ModelState property in the controller method to check the reason why the modelbinding was failing.

    [HttpPost]
    public IActionResult Edit([FromBody] List<MyVm> vms)
    {
        // do some stuff
        var model = this.ModelState;

Test with Postman

Debug in controller

answered Feb 3, 2021 at 9:57

Michael Wang

4,0381 gold badge7 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

chobo2 Over a year ago

This is what I needed, it told me I was sending too many form values in. That is why it worked with 1 id commented out but not both.

Collectives™ on Stack Overflow

How to debug ASP.NET Core MVC data binding?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related