StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
10023719
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
12
CommunityOwnedDate
CreationDate
2012-04-05T06:33:59.073
FavoriteCount
0
LastActivityDate
2012-04-05T12:36:00.150
LastEditDate
2012-04-05T12:36:00.150
LastEditorUserId
1241400
OwnerUserId
1241400
ParentId
10023347
PostTypeId
2
Score
2
ViewCount
0
LastEditorDisplayName
text
Body
<ol> <li>in _Layout.cshtml add following lines</li> </ol> <p>//CSS</p> <pre><code><link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/redmond/jquery-ui.css" rel="Stylesheet" type="text/css" /> </code></pre> <p>//SCRIPTS</p> <pre><code><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script> </code></pre> <ol> <li><p>navigate to the Shared folder and there create a folder with a name EditorTemplates</p></li> <li><p>inside EditorTemplates folder create a partial view called DateTime</p></li> <li><p>add the following code to DateTime partial view</p> <p>@model System.DateTime ? @Html.TextBox("", (Model.HasValue ? Model.Value.ToShortDateString() : string.Empty), new { @class = "pickDate" })</p> <pre><code> <script type="text/javascript"> $(document).ready(function () { $('.pickDate').datepicker({ changeMonth: true, changeYear: true }); }); </script> </code></pre></li> </ol> <p>Now you have everything set, and on every view where you have a field that is of DateTime type you'll see a jqueryUI datepicker when clicked inside that field or if you modify it's properties when clicked on icon etc.</p> <p>For an example your view is just as it's created from model, you don't need to add nothing to it.</p> <pre><code><div class="editor-label"> @Html.LabelFor(model => model.DateOfBirth) </div> <div class="editor-field"> @Html.EditorFor(model => model.DateOfBirth) @Html.ValidationMessageFor(model => model.DateOfBirth) </div> </code></pre> <p><strong>UPDATE</strong></p> <p>You probably have some kind of scripts collison. Try adding</p> <pre><code>@if(false) { <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> } </code></pre> <p>on top of your view.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. PODate picker examples for mvc3 using jquery
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USMatija Grcic
UserOwnerUserId
1. USMatija Grcic
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
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId

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.