StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
2376804
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2010-03-04T04:05:54.630
FavoriteCount
0
LastActivityDate
2010-03-04T21:42:59.517
LastEditDate
2010-03-04T21:42:59.517
LastEditorUserId
148473
OwnerUserId
148473
ParentId
2376597
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<blockquote> In tracing the script above in FireBug, once the location.href=url is executed the new page loads and the return statements are never executed. Is this a problem? </blockquote> After you do <code>location.href=url</code> you leave the page and current code stops executing. From your code you cannot know which page is current to select it. You need to add CSS selector to the current element that indicates that or load content via AJAX. <hr> TO SELECT CURRENT TAB: First thing you need to know is which page corresponds to which tab. As you haven't provided such information I will just assume that URL has <code>tab</code> parameter that defines selected tab. You need to provide the index of currenttab in the ASPX (todo: validate QueryString): <pre><code><%= string.Format("var currentTab = {0};", Request.QueryString["tab"]) => </code></pre> And in your JavaScript use this code: <pre><code>$('#example').tabs({ selected: currentTab || 0, select: function(event, ui) { var url = $.data(ui.tab, 'load.tabs'); if(url) { location.href = url + "?tab=" + ui.index; return false; } return true; } }); </code></pre> But please: <blockquote> Note that opening a tab in a new window is unexpected, e.g. inconsistent behaviour exposing a usablity problem (<a href="http://www.useit.com/alertbox/tabs.html" rel="nofollow noreferrer">http://www.useit.com/alertbox/tabs.html</a>). </blockquote> <hr> TO LOAD TAB VIA AJAX: I do not know where you could find the code you posted in the jQuery docs, but that is incorrect one. According to the <a href="http://jqueryui.com/demos/tabs/#Ajax_mode" rel="nofollow noreferrer">docs</a>: <blockquote> Tabs supports loading tab content via Ajax in an unobtrusive manner. The HTML you need is slightly different from the one that is used for static tabs: A list of links pointing to existing resources (from where the content gets loaded) and no additional containers at all (unobtrusive!). The containers' markup is going to be created on the fly: </blockquote> So the HTML should be: <pre><code><div id="example"> <ul> <li><a href="ahah_1.html">Content 1</a></li> <li><a href="ahah_2.html">Content 2</a></li> <li><a href="ahah_3.html">Content 3</a></li> </ul> </div> </code></pre> and the JavaScript should be: <pre><code>$(function() { $("#example").tabs(); }); </code></pre>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow to have a jQuery UI tab load a URL/page directly?
 singulars
 PostTypePostTypeId
 PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USDmytrii Nagirniak
UserOwnerUserId
1. USDmytrii Nagirniak
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. COThanks for the info Dmitriy. The doc information is in section 3.6 Following a tabs url... I need to do an actual postback not load the information via Ajax. What I want to do is postback and load the new page AND have the selected tab reflect that new content.
 singulars
 PostPostId
 PO
 UserUserId
 USChrisP
2. COI updated the answer.
 singulars
 PostPostId
 PO
 UserUserId
 USDmytrii Nagirniak

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.