StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POUpdate a div with results of a jqModal ajax call from MVC page
primarykey
Id
5400170
data
AcceptedAnswerId
5400335
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-03-23T02:24:53.930
FavoriteCount
0
LastActivityDate
2011-03-24T02:54:27.460
LastEditDate
LastEditorUserId
0
OwnerUserId
131818
ParentId
0
PostTypeId
1
Score
1
ViewCount
1108
LastEditorDisplayName
text
Body
<p>Here's my scenario. </p> <p>I call jqModal using its ajax functionality that displays a form in the modal dialog. The user fills out some information and submits the form which returns some html in response.</p> <p>The resulting html is being displayed inside the jqModal div. The user then clicks Close to dismiss the modal dialog.</p> <p>This all works correctly so far.</p> <p>Instead, what I want to do is close the dialog on submit and update a div with the response from the server.</p> <p>Calling code:</p> <pre><code><script type="text/javascript"> $(document).ready(function () { $('#jqmWindowContainer').jqm({ modal: true, ajax: '.... url to display my form ...', onHide: myAddClose, ajaxText: 'Loading', toTop: true, }); function myAddClose(hash) { hash.w.fadeOut('300', function () { hash.o.remove(); }); } }); </script> </code></pre> <p>Calling page's markup. Clicking "Save this search" triggers the dialog.</p> <pre><code> <a href="#" class="jqModal">Save this search</a> <span id="jqmWindowContainer" class="jqmWindow"></span> </code></pre> <p>Form that is displayed:</p> <pre><code> <div class="jqmPopupForm" id="jqmPopupForm"> <div id="loadingMessage" style="display: none;"> Saving... </div> <% using (Ajax.BeginForm("Save", "AssetSearch", new AjaxOptions() { HttpMethod = "Post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "jqmPopupForm", LoadingElementId = "loadingMessage" })) {%> .... some html input elements go here ... <input type="submit" value="Save Search" /> <a class="jqmClose" href="#">Cancel</a> <% }%> </div> </code></pre> <p>Right now, the entire jqmPopupForm div is being replaced by the results of the form submit.</p> <p>How can I close the dialog and update a div on the page instead of making the user dismiss the dialog?</p>
Tags
<jquery><ajax><asp.net-mvc-2><jqmodal>
Title
Update a div with results of a jqModal ajax call from MVC page
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. This table or related slice is empty.
UserOwnerUserId
1. USrboarman
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
  POUpdate a div with results of a jqModal ajax call from MVC page
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

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.