Databases
StackOverflow2013
Postsdbo
POHow do I use Jquery UI Tabs constructor methods?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow do I use Jquery UI Tabs constructor methods?
    primarykey
    data
    text
    <p>I am using Asp.net MVC and I been trying to use Ajax UI tabs in jquery.</p> <p>On the demo site: <a href="http://jqueryui.com/demos/tabs/#ajax" rel="nofollow noreferrer">http://jqueryui.com/demos/tabs/#ajax</a></p> <p>It has this </p> <blockquote> <p>Fetch external content via Ajax for the tabs by setting an href value in the tab links. While the Ajax request is waiting for a response, the tab label changes to say "Loading...", then returns to the normal label once loaded.</p> </blockquote> <p>I never see the tabs change to loading in their demo. So I decided to try to make my own example.In my asp.net mvc application I set a href to a action view that loads up a partial view. In this action view I put a sleep thread of "5000".</p> <p>Yet I never see this "loading...." they talk about, even with me slowing down the request and checking.</p> <p>I then was looking at the constructor methods and I don't get how to use them for instance I was looking at the spinner option it has </p> <blockquote> <h1>spinner</h1> <p>Type: String Default: '<em>Loading&#8230;</em>'</p> <p>The HTML content of this string is shown in a tab title while remote content is loading. Pass in empty string to deactivate that behavior. Code examples</p> <p>Initialize a tabs with the spinner option specified.</p> <pre><code>$('.selector').tabs({ spinner: 'Retrieving data...' }); </code></pre> <p>Get or set the spinner option, after init.</p> <pre><code>//getter var spinner = $('.selector').tabs('option', </code></pre> <p>'spinner'); //setter $('.selector').tabs('option', 'spinner', 'Retrieving data...');</p> </blockquote> <p>So I did what was said and I put that line in my jquery and changed it to the real div that I have.</p> <p>I don't see this spinner either so I don't know what I am missing. Do I have to do something else?</p> <p>My JavaScript code:</p> <pre><code>&lt;script src="../../Scripts/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;link href="../../images/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" /&gt; &lt;script src="../../Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(function() { // Tabs $('#tabs').tabs({ spinner: 'Retrieving data...' }); }); &lt;/script&gt; </code></pre> <p>Edit</p> <p>Thanks to "redSquares" post I now know why mine is not working but I use Html.ActionLink. So how can I form my Html.ActionLink to have the span tag? Or do I have to make my own Html helper?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USchobo2
    1. USchobo2
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COThat is a new question:) It would be better to accept this answer and ask a new question. Helps people who search this site and via google find the correct information
      singulars
      1. POHow do I use Jquery UI Tabs constructor methods?
      1. USredsquare
    2. COBut to answer the next question look at http://stackoverflow.com/questions/402605/create-an-actionlink-with-html-elements-in-the-link-text
      singulars
      1. POHow do I use Jquery UI Tabs constructor methods?
      1. USredsquare
 

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.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload