Question

I have a requirement to ask a question when a certain scenario happens on my MVC 4 view.

When that scenario is true, I simply want to have a jQuery UI dialog pop up modally. That dialog will simply have two radio buttons for “WidgetType” (Purple or Blue).

The viewModel has a property for SelectedWidgetType (that has a default value).

I simple am looking for the best way to handle updating the underlying model with the selection a user picks in the dialog.

Thanks in advance for any replies.

NOTE: I am using this overly simple example as the basis for other dialogs that will have more fields on them that also update the underlying model.

Creating the dialog isn’t the hard part, but I am struggling with getting the values.

Answer 1

User jQuery’s AJAX post method.

Create a view model JavaScript object on the front end that maps to the parameters of your data model. This view model object can be triggered to get updated each time the user changes his selected options by calling an update method via the change event handles of each form element.

Pass it back to the server controller by packing it into a JSON object using json2.js

If you want a full framework/elegant solution look at using knockout.js which simulates most of this for you… !