StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POget new inserted ID in MVC Controller to jQuery
primarykey
Id
10881784
data
AcceptedAnswerId
10881815
AnswerCount
1
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-06-04T13:00:57
FavoriteCount
0
LastActivityDate
2012-06-05T10:06:04.150
LastEditDate
2012-06-05T10:06:04.150
LastEditorUserId
165078
OwnerUserId
165078
ParentId
0
PostTypeId
1
Score
1
ViewCount
1363
LastEditorDisplayName
text
Body
I am updating an entity normally inside a controller as follows :- <pre><code>[HttpPost] public ActionResult Create(Project project) { //var model = new CompositeImageModel(0); if (ModelState.IsValid) { //var model = new CompositeImageModel(project.ProjectID); db.Projects.Add(project); db.SaveChanges(); ViewBag.ProjectID = project.ProjectID; return RedirectToAction("Index"); } return View(); } </code></pre> And I wish to grab this new id "ViewBag.ProjectID" inside my Jquery AJAX code :- <pre><code>onSaveBegin: function () { //CODE FOR SAVE BEGIN $('#imageList').fadeIn('slow'); $("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/222"); }); }, </code></pre> instead of the hardcoded "222". How can I get it? Thanks for your help and time **********UPDATE**************************** So I have updated my Jquery as follows :- <pre><code><script type="text/javascript"> $(document).ready(function () { var imageList = $('#imageList'), submitButt = $('#submitButt'); //hide the imageList initially imageList.hide(); //hide all but the first paragraph }); var Project = { save: function () { var projectForm = $("#projectForm"); if (projectForm.valid()) { projectForm.submit(); } else { Project.onInvalidForm(); } }, onInvalidForm: function () { //CODE FOR INVALID FORM }, onSaveBegin: function () { //CODE FOR SAVE BEGIN $('#imageList').fadeIn('slow'); }, onSaveSuccess: function () { //CODE FOR SAVE SUCCESS }, onSaveFailure: function () { //CODE FOR SAVE FAILURE alert(ViewBag.ProjectID); }, onSaveComplete: function () { //CODE FOR SAVE COMPLETE //var hfProjectId = $("#hfProjectId").val(); //$("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/" + hfProjectId); }); $("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/"+@(ViewBag.ProjectID) ); }); } }; </code></pre> I have moved the code to onSaveComplete, since I should have the ProjectID then, but still am not able to get it yet. however both options will not work. **********UPDATE 2 *************************** <pre><code>@model MvcCommons.Models.Project @{ ViewBag.Title = "Create"; </code></pre> } <pre><code><h2>Create</h2> @{ Layout = "~/Views/Shared/_Layout.cshtml"; Html.EnableClientValidation(); Html.EnableUnobtrusiveJavaScript(); </code></pre> } <pre><code><script type="text/javascript" src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script> </code></pre> <pre><code><script type="text/javascript"> $(document).ready(function () { var imageList = $('#imageList'), submitButt = $('#submitButt'); //hide the imageList initially imageList.hide(); //hide all but the first paragraph }); var Project = { save: function () { var projectForm = $("#projectForm"); if (projectForm.valid()) { projectForm.submit(); } else { Project.onInvalidForm(); } }, onInvalidForm: function () { //CODE FOR INVALID FORM }, onSaveBegin: function () { //CODE FOR SAVE BEGIN $('#imageList').fadeIn('slow'); }, onSaveSuccess: function () { //CODE FOR SAVE SUCCESS }, onSaveFailure: function () { //CODE FOR SAVE FAILURE alert(ViewBag.ProjectID); }, onSaveComplete: function () { //CODE FOR SAVE COMPLETE //var hfProjectId = $("#hfProjectId").val(); //$("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/" + hfProjectId); }); $("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/"+@(ViewBag.ProjectID) ); }); } }; </code></pre> @{ var projectID = int.Parse(ViewBag.ProjectID); } @using (Ajax.BeginForm( "/Create", new { }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "projectFormContainer", OnComplete = "Project.onSaveComplete", OnFailure = "Project.onSaveFailure", OnSuccess = "Project.onSaveSuccess", OnBegin = "Project.onSaveBegin" }, new { id = "projectForm", name = "projectForm" })) { <pre><code> @Html.Hidden("hfProjectId", ViewBag.ProjectID) <div class="editor-label"> @Html.LabelFor(m => m.ProjectTitle) </div> <div class="editor-field"> @Html.TextBoxFor(m => m.ProjectTitle) @Html.ValidationMessageFor(m => m.ProjectTitle) </div> <div class="editor-label"> @Html.LabelFor(m => m.ProjectText) </div> <div class="editor-field"> @Html.TextBoxFor(m => m.ProjectText) @Html.ValidationMessageFor(m => m.ProjectText) </div> <input type="submit" value="Submit" onclick="Project.save();" /> </div> } <div id='imageList'> <h2>Upload Image(s)</h2> @{ Html.RenderPartial("~/Views/File/ImageUpload.cshtml", new MvcCommons.ViewModels.ImageModel((int)ViewBag.ProjectID)); } </div> </code></pre> @Html.ActionLink("Back to List", "Index") Code updated with latest changes ***********UPDATED************************* Mode updates :- Change the @Html.Hidden to this now :- <pre><code> @if(Model != null) { @Html.Hidden("hfProjectId", Model.ProjectID) } </code></pre> The Javascript is still the same := <pre><code> onSaveComplete: function () { //CODE FOR SAVE COMPLETE var hfProjectId = $("#hfProjectId").val(); alert(hfProjectId); $("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/" + hfProjectId); }); //$("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/"+@(ViewBag.ProjectID) ); }); } </code></pre> change the var projectID <pre><code>@{ if (Model != null) { var projectID = Model.ProjectID; } </code></pre> } in the controller, returning a "View", with the model <pre><code> [HttpPost] public ActionResult Create(Project project) { if (ModelState.IsValid) { db.Projects.Add(project); db.SaveChanges(); ViewBag.ProjectID = project.ProjectID; //return RedirectToAction("Index"); return View("Create", project); } return View(); } </code></pre> Still no luck though! ********** FINAL UPDATE **************************** I have decided to create a Project View Model and try to pass variables through it, since the ViewBag was not working in my case. So I changed the HttpPost Create function in the Controller to look as follows :- <pre><code> [HttpPost] public ActionResult Create(Project project) { ProjectModel viewModel = new ProjectModel(); if (ModelState.IsValid) { db.Projects.Add(project); db.SaveChanges(); viewModel.Project = project; return View("Index", viewModel); } return View(); } </code></pre> However this still did not refresh the ProjectID, and so I have decided to abandon this for the time being and try to come up with a better design. However if you could see soemthign wrong that I am doing please comment on this. This is my final Create View :- <pre><code>@model MvcCommons.ViewModels.ProjectModel @{ var projectID = Model.Project.ProjectID; </code></pre> } @{ ViewBag.Title = "Create"; } <h2>Create</h2> <pre><code>@{ Layout = "~/Views/Shared/_Layout.cshtml"; Html.EnableClientValidation(); Html.EnableUnobtrusiveJavaScript(); </code></pre> } ` ` $(document).ready(function () { <pre><code> var imageList = $('#imageList'), submitButt = $('#submitButt'); //hide the imageList initially imageList.hide(); //hide all but the first paragraph }); var Project = { save: function () { var projectForm = $("#projectForm"); if (projectForm.valid()) { projectForm.submit(); } else { Project.onInvalidForm(); } }, onInvalidForm: function () { //CODE FOR INVALID FORM }, onSaveBegin: function () { //CODE FOR SAVE BEGIN alert('onSaveBegin ' + @(projectID)); $('#imageList').fadeIn('slow'); }, onSaveSuccess: function () { //CODE FOR SAVE SUCCESS //alert('onSaveSuccess') }, onSaveFailure: function () { //CODE FOR SAVE FAILURE //alert('onSaveFailure ' + @(projectID)); }, onSaveComplete: function () { //CODE FOR SAVE COMPLETE //alert('onSaveComplete ' + @(projectID)) //$("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/"+@(projectID)); }); $("#imageList").click(function () { $("#imageList").load("/File/ImageUpload/" + hfProjectId); }); } }; </code></pre> <pre><code>@using (Ajax.BeginForm( "/Create", new { }, new AjaxOptions { InsertionMode = InsertionMode.Replace, UpdateTargetId = "projectFormContainer", OnComplete = "Project.onSaveComplete", OnFailure = "Project.onSaveFailure", OnSuccess = "Project.onSaveSuccess", OnBegin = "Project.onSaveBegin" }, new { id = "projectForm", name = "projectForm" })) { <div> @*@Html.Hidden("hfProjectId", projectID)*@ @Html.Hidden("hfProjectId", Model.Project.ProjectID) <div class="editor-label"> @Html.LabelFor(m => m.Project.ProjectTitle) </div> <div class="editor-field"> @Html.TextBoxFor(m => m.Project.ProjectTitle) @Html.ValidationMessageFor(m => m.Project.ProjectTitle) </div> <div class="editor-label"> @Html.LabelFor(m => m.Project.ProjectText) </div> <div class="editor-field"> @Html.TextBoxFor(m => m.Project.ProjectText) @Html.ValidationMessageFor(m => m.Project.ProjectText) </div> </code></pre> @* *@ } <pre><code><div id='imageList'> <h2>Upload Image(s)</h2> @{ //Html.RenderPartial("~/Views/File/ImageUpload.cshtml", new MvcCommons.ViewModels.ImageModel((int)ViewBag.ProjectID)); Html.RenderPartial("~/Views/File/ImageUpload.cshtml", new MvcCommons.ViewModels.ImageModel(projectID)); } </div> </code></pre> @Html.ActionLink("Back to List", "Index")
Tags
<asp.net-mvc><jquery><asp.net-ajax><partial-views>
Title
get new inserted ID in MVC Controller to jQuery
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USJohann
UserOwnerUserId
1. USJohann
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POget new inserted ID in MVC Controller to jQuery
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId
1. COAssuming razor syntax, replace 222 with `ViewBag.ProjectID`.
 singulars
 PostPostId
 POget new inserted ID in MVC Controller to jQuery
 UserUserId
 USBrad Christie
2. COPhone apparently missed the @, but make sure to add the @ prefix.
 singulars
 PostPostId
 POget new inserted ID in MVC Controller to jQuery
 UserUserId
 USBrad Christie

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.