StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
16111353
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-04-19T18:34:18.313
FavoriteCount
0
LastActivityDate
2013-04-19T18:39:23.363
LastEditDate
2013-04-19T18:39:23.363
LastEditorUserId
2499274
OwnerUserId
2499274
ParentId
13103710
PostTypeId
2
Score
0
ViewCount
0
LastEditorDisplayName
text
Body
<code>{{:#data}}</code> renders #data as a string, so that approach won't work unless #data stringifies and parses neatly. Objects won't stringify or parse neatly without manual JSON usage. In fact, I suspect only numbers, booleans, <code>undefined</code>, and <code>null</code> will stringify and parse correctly. That approach also won't work if the function is not global. Being forced to define the callback function globally any time you want to do this strikes me as a severe problem. So I can't recommend using in-tag event-handlers, especially when you already have JavaScript running. Instead, after you insert your rendered content into the DOM, you can bind the event there. Here's a rough sketch. Add a class or some other selector-fodder to your <code><li></code>. <pre><code><li class="onMouseEnter" id="liv_{{:nid}}"></li> </code></pre> Put each of your #data values into an object using an equivalent of <code>liv_{{:nid}}</code> as the key. <pre><code>var dataMap = {}; $.each(yourDataValues, function (i, value) { dataMap['liv_' + value.nid] = value; }); </code></pre> Lastly, bind a live event to the container into which you pushed your rendered template. <pre><code>$(containerOfRenderedTemplate).on('mouseenter', '.onMouseEnter', function () { var id = $(this).attr('id'); var data = dataMap[id]; desiredCallbackFunctionWhichConsumesData(data); }); </code></pre> <code>dataMap</code> and the event-binding call should be within the same scope. Note: If this rendering can happen more than once, and you need to replace the rendered content with all-new rendered content, you should unbind the old event before binding the new one. <pre><code>$(containerOfRenderedTemplate).off('mouseenter', '.onMouseEnter'); </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POhow to bind mouseover, click events on element inside jsrender template
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USKeen
UserOwnerUserId
1. USKeen
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. This table or related slice is empty.
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.