Hi I am trying to save data from popup. When I execute my controller side data is not saved. Please see code below:
View:
@model IEnumerable<Model><h2>Manage Dimension</h2>
@{
<link href="@Url.Content("~/Content/Gridmvc.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/gridmvc.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/js/bootstrap.min.js")" type="text/javascript"> </script>
<link href="@Url.Content("~/Content/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap/css/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />
}
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@*<html>*@
<body>
<hr />
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>
ID
</th>
<th>
Name
</th>
<th>
Value
</th>
<th>
Action
</th>
</tr>
@foreach (var item in Model)
{
foreach (var i in item.Values)
{
<tr>
<td>
<span data-bind="text: ID">@item.ID</span>
</td>
<td>
<span data-bind="text: Name">@item.Name</span>
</td>
<td>
<span data-bind="text: Value">@i.Value</span>
</td>
<td>
<button type="button" class="edit-mode" data-toggle="modal" data-target="#myModal" id="c.ResellerId">edit</button>
</td>
</tr>
}
}
</table>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Edit/Add Dimension</h4>
</div>
<div class="modal-body">
<div id="dialog-form" title="Create new user">
<form>
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" class="text ui-widget-content ui-corner-all"><br /><br />
<label for="email">Value</label>
<input type="text" name="value" id="value" value="" class="text ui-widget-content ui-corner-all">
</fieldset>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-default" id="inviteRequest">Save changes</button>
</div>
</div>
</div>
</div>
<br />
<br />
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModal" data-bind="click: Save">Add</button>
</div>
<script src="~/Scripts/App/Modal.js"></script>
@*<script type="text/javascript" src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>*@
@*<script src="@Url.Content("~/Scripts/js/bootstrap.min.js")" type="text/javascript"> </script>*@
<script type="text/javascript">
$(document).ready(function () {
$('#inviteRequest').click(function () {
console.log(1);
$('#myModal').modal('hide');
$.post('/ManageDimension/Create', { "Name": name, "Value": value })
alert("You clicked me!");
window.location.reload(true);
});
});
</script>
</div>
</body>
</html>
Controller:
[HttpPost]public ActionResult Create( DataModel dimension)
{
if (ModelState.IsValid)
{
db.Save(dimension);
return RedirectToAction("Index");
}
else
{
return View(dimension);
}
}