Best practices for debugging ASP.NET MVC Binding - asp.net-mvc

Question

Can you give me any general advice on how to debug ASP.NET MVC Binding?
When everything works as expected, ASP.NET MVC is great. But if something does not, like something doesn't bind for some unknown reason, I find it hard to trace down the problem and find myself spending hours tracking down a seemingly simple problem.
Let's imagine you land in a controller method like this:
[HttpPost]
public ActionResult ShipmentDetails(Order order)
{
//do stuff
}
Let's further imagine that the Order class looks like this:
public class Order
{
public decimal Total {get; set;}
public Customer Customer {get; set;}
}
public class Customer
{
public string Name {get; set;}
public string Phone {get; set;}
}
What are good places to start when Order in the controller method is not bound correctly? What are good places to start when only parts of the Order are bound correctly?

Answer 1

Although #russ's answer is useful and will sometimes be necessary, both options seem a little low level when the main question is more about the big picture. Thus, I'd recommend Glimpse.
From its about page:
… Glimpse allows you to debug your web site or web service right in the browser. Glimpse allows you to "Glimpse" into what's going on in your web server. In other words what Firebug is to debugging your client side code, Glimpse is to debugging your server within the client.
And since you've specifically asked about data binding, you'll want to look at the binding tab documentation. You'll be able to see, again from the docs:
Ordinal: Order in which the MVC Model Binding infrastructure attempted to bind the available data
Model Binder: Model Binder that was used in a given scenario
Property/Parameter: Name of the thing that the Binder was trying to bind
Type: Type of the thing that the Binder was trying to bind
Attempted Value Providers: Providers that the Binder attempted to use to get a given value (and whether it was successful)
Attempted Value: The actual value that the provider has to work with (post type conversation, etc.)
Culture: The culture that was used to parse the raw value
Raw Value: The raw value that the provider has to work with (pre type conversation, etc.)
See the quick start. Briefly:
Install the glimpse.mvc3 package
Go to http://yourhost/yourapp/Glimpse.axd and "turn it on."
Click on the glimpse icon on the bottom right of any view in your app for details.

Answer 2

As Darin has suggested, start with inspecting what is being sent from the client to the server using something like Firebug, Fiddler, or other web debugging proxy tool.
Failing that, you might want to step through the source code to see what's happening during binding.
Two ways that I can recommend doing this are
Include the System.Web.Mvc source code project in your application and reference this. This is good for learning but probably not recommended for a commerical application.
Download the symbols for System.Web.Mvc from the Microsoft Symbol servers, change your settings to be able to debug framework source code and set a break point appropriately to step through.

Answer 3

In my case looking at the ModelState property in the controller method provided the answers why the modelbinding was failing.

Answer 4

A good place to start is download and install FireBug and see what gets posted from the client to the server. Then you will see what's missing, incorrect, ... Blog posts such as Model Binding to a List are good reads as well to get acquainted with the proper syntax that the default model binder uses.

Answer 5

From Visual Studio side:
Set a breakpoint on entry to your endpoint.
Open the Immediate via the Debug menu option.
Type in ModelState.Keys.ToList()
This will show the binding errors by name/key.
Better yet type in ModelState.Values.ToList()...

Answer 6

Put a breakpoint in your controller-method and make a watch for Request.Params to see what is actually coming in to the controller in terms och parameters.