Best practices for debugging ASP.NET MVC Binding

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 some

Answer 1

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

1. 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.

2. 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 2

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

Answer 3

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 4

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 5

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:

1. Ordinal: Order in which the MVC Model Binding infrastructure attempted to bind the available data
2. Model Binder: Model Binder that was used in a given scenario
3. Property/Parameter: Name of the thing that the Binder was trying to bind
4. Type: Type of the thing that the Binder was trying to bind
5. Attempted Value Providers: Providers that the Binder attempted to use to get a given value (and whether it was successful)
6. Attempted Value: The actual value that the provider has to work with (post type conversation, etc.)
7. 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:

1. Install the glimpse.mvc3 package
2. Go to http://yourhost/yourapp/Glimpse.axd and "turn it on."
3. Click on the glimpse icon on the bottom right of any view in your app for details.