update Model from UserControl - mvc - asp.net-mvc

Question

I have a problem: I Have created a UserControl A, A has its own controller in order to reuse Usercontrol actions in every view added, UserControl A expects a model UserControlModel, what I want to do is to update the model of the view that contains the UserControl A.
How can I pass value from the UserControl to main view or any view containg the user control in order to persist this value?
Some Code :
UserControl Controller
public class ColorBlockUserControlController : Controller
{
/// <summary>
/// Callback method for ColorBlockUserControl's AJAX form.
/// </summary>
/// <param name="model">ColorModel</param>
/// <returns>HTML string to be dispalyed within target DIV tag.</returns>
[HttpPost]
public ActionResult DrawColor(ColorModel model)
{
if (ModelState.IsValid)
{
return Content(ColorManager.GetGradientDiv(model.RGBColor, model.Width, model.Height));
}
else
{
return Redirect("/");
}
}
[AcceptVerbs(HttpVerbs.Post)]
public JsonResult Sumar(int Height, int Width)
{
return Json(true);
}
}
UserControl HTML :
<script type="text/javascript">
$(document).ready(function () {
var Valores = {
'Height': 30,
'Width': 30
};
$("#btnSumar").click(function () {
var targetDiv = "#TargetResult";
$.post(
'/ColorBlockUserControl/Sumar',
Valores,
function (data) {
if (data === true) {
debugger;
$(targetDiv).html('Sumado');
}
else {
alert('Failed to save the user');
}
},
'json'
);
});
});
</script>
#using (Ajax.BeginForm("DrawColor", "ColorBlockUserControl", new AjaxOptions { UpdateTargetId = "color-" + Model.Id }))
{
<div>RGB (example: FFAA00)</div>
<div class="formLine">
#Html.EditorFor(x => x.RGBColor)
</div>
#Html.ValidationMessageFor(x => x.RGBColor)
<div>Width</div>
<div class="formLine">
#Html.EditorFor(x => x.Width)
</div>
<div>Height</div>
<div class="formLine">
#Html.EditorFor(x => x.Height)
</div>
<div id="btnSumar" style="cursor:pointer;">This is a Test</div>
<p><input type="submit" value="Color Me!" /></p>
<div id="color-#Model.Id"><!-- Will be populated by AJAX method --></div>
}
View with UserControl:
#model MVCColorUserControl.Models.HomeModel
#using MVCColorUserControl.Models
#{
ViewBag.Title = "Color Demo";
}
<h2>#Model.WelcomeText</h2>
<p>
A Partial Control</p>
#Html.Partial("UserControls/ColorBlockUserControl", new ColorModel())
<hr />
#*<p>
A Partial Control that is initialized on Server-Side</p>
#{
Html.RenderAction("InitializeUserControl");
}*#
#Html.ActionLink("Ir a Test View", "Test")
#Html.ActionLink("Usando otro controller", "InNewController")

Answer 1

To answer your question about the FormCollection:
in your Controller you can do this:
[HttpPost]
public ActionResult GetMeSomeValues(FormCollection formCollection)
{
string text = formCollection.Get("Name of the input or whatever you have in your form");
//same goes for int values which you will need to convert from a string.
//Now if you want to pass the value to a Model simply create a new Model in here
//and add it.
var model = new Model();
model.Value = text;
return View(model);
}