StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
7634611
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2011-10-03T11:53:21.447
FavoriteCount
0
LastActivityDate
2011-10-03T11:58:40.867
LastEditDate
2011-10-03T11:58:40.867
LastEditorUserId
202589
OwnerUserId
202589
ParentId
7634001
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>Would something like the below be what you're looking for?</p> <pre><code> <ul id="hobbies"> </ul> <form method="post" action="">  <label for="hobby">Hobby:</label><input type="text" id="hobby" /><br /> <a id="add-hobby">Add Hobby</a><br /> <input type="submit" id="saveStudentInfo" value="Save Details" /> </form>  <script> // would be placed in the HEAD, of course $(function (){ $('#add-hobby').click(function () { // Extract the input value var newHobbyText = $("#hobby").val(); // Create the list item to add var $newHobbyListItem = $("<li></li>").text(newHobbyText); // Create the delete link var $deleteLink = $("<a></a>").text("Delete").css("margin-left","5px"); // Register a delete handler (could be done as part of the above line) $deleteLink.click(function () { $newHobbyListItem.remove(); }); // Add the delete link to the list item $newHobbyListItem.append($deleteLink); // Finally, add the new item to the DOM $("#hobbies").append($newHobbyListItem); }); }); </script> </code></pre> <p>Some notes on this implementation:</p> <ul> <li>I choose to use an unordered list over a table because it's less work and, arguably, more semantically correct.</li> <li>If you need to add an input element (or similar) to the form to track what hobbies have been added, that's simple enough to do (just follow the above pattern for building, appending, and removing elements; currently, the delete handler removes only the list item, but it could remove an input element as well. However, I wasn't sure how you planned to process this data, so it's not clear what the best information to place in the input elements would be.</li> <li>I removed a few HTML elements (e.g. the "Hobbies" heading, the cancel button) as they seemed to clutter the example. There's no reason they need to be omitted, but I was hoping to keep things concise.</li> </ul>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow can i add textbox value entered by user to label dynamically using jquery?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USzjs
UserOwnerUserId
1. USzjs
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. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  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.