Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is demo for it: <a href="http://jsfiddle.net/zn2C7/7/" rel="nofollow">http://jsfiddle.net/zn2C7/7/</a></p> <pre><code> var list = $("&lt;ul&gt;"); function populatedata() { $.each(data.FolderList, function (i, folder) { if (folder.ParentFolderID == -1) { var item = $("&lt;li&gt;").html(folder.FolderName); list.append(item); var children = $('&lt;ul&gt;'); item.append(children); checkChild(folder.FolderID, children); } }); $('body').append(list); } function checkChild(parentid, parent) { $.each(data.FolderList, function (i, folder) { if (folder.ParentFolderID == parentid) { var item = $("&lt;li&gt;").html(folder.FolderName); var children = $('&lt;ul&gt;'); parent.append(item); item.append(children); checkChild(folder.FolderID, children); } else { return ; } }); } </code></pre> <p>It was possible to build it using html variable, like you tried to do that, but it is much simpler to use DOM manipulation functions of jQuery (<code>$('&lt;ul&gt;')</code> and <code>$('&lt;li&gt;')</code> - create new element, <a href="http://api.jquery.com/append/" rel="nofollow"><code>.append()</code></a> - append element to some other element)</p> <pre><code>function checkChild(parentid) { $.each(data.FolderList, function (i, folder) { if (folder.ParentFolderID == parentid) { html += '&lt;li&gt;&lt;ul&gt;' + folder.FolderName; checkChild(folder.FolderID); html+=&lt;/ul&gt;&lt;/li&gt; return html; } else { return ; } }); } </code></pre> <p>Also, please note that in code above you are doing <code>return html;</code> from <code>each</code> function callback. Not sure what you wanted to get exactly, but in <a href="http://api.jquery.com/each/" rel="nofollow"><code>.each</code></a> it may work like <code>break</code> in regular loop (if you will return false):</p> <blockquote> <p>We can stop the loop from within the callback function by returning false.</p> </blockquote> <p>That is from jquery api page.</p> <p>Also, for such tasks I prefer to use debugger. At this moment there are a lot of powerful tools for HTML/CSS/JS debugging in browser. Just press <kbd>F12</kbd> in Chrome, IE or FF (for the last one you may need to install Firebug extension) and you will get a lot of helpful features along with simple JS debugging. </p>
    singulars
    1. This table or related slice is empty.
    1. POcreating dynamic folder Hierarchy from json data using JavaScript or JQuery
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USViktor S.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POcreating dynamic folder Hierarchy from json data using JavaScript or JQuery
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COI am very thankful to you for your help. Because of you, I got to knew about DOM manipulation after looking more about it. I solved my problem. Thanks a lot
      singulars
      1. PO
      1. USLasang
 

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