我有一个网站集。有人告诉我我需要一个递归循环来做到这一点。
这是我尝试过的:
当站点加载时,调用 getSiteTree() 它将顶级网站传递给我的 getSubSite() 函数。从那里我检查是否有任何子站点。我有一个布尔值,但我还没有真正将它用于任何事情,我刚刚看到它以前用于这种类型的工作。无论如何,从那里我检查是否有任何子站点,如果没有,我记录分支的结尾,如果有,我使用新的 url 再次调用该函数并重复该过程。查看我的控制台,它似乎按预期工作。
function getSiteTree(){
var tree = $('#treeviewList');
var rootsite = window.location.protocol + "//" + window.location.hostname;
var siteEnd = false;
getSubSite(rootsite);
}
function getSubSite(url){
$().SPServices({
operation: "GetWebCollection",
webURL: url,
async: true,
completefunc: function(xData, Status) {
var siteUrl;
var siteCount = $(xData.responseXML).find("Web").length;
if(siteCount == 0){
console.log("end of branch");
siteEnd = true;
}else{
$(xData.responseXML).find("Web").each(function() {
siteUrl = $(this).attr("Url");
console.log(siteUrl);
getSubSite(siteUrl);
});
}
}
});
}
我的问题:现在我有了自己的网站,我需要利用这些网站并创建类似的东西,但我不知道如何实现这一点。
<li>Site 1
<ul>
<li>sub 1.1</li>
<li>sub 1.2</li>
<li>sub 1.3</li>
<ul>
<li>1.3.1</li>
</ul>
<li>sub 1.4</li>
<li>sub 1.5</li>
</ul>
</li>
<li>Site 2
<ul>
<li>sub 2.1</li>
<li>sub 2.2</li>
<li>sub 2.3</li>
<ul>
<li>2.3.1</li>
<li>2.3.2</li>
</ul>
</ul>
</li>
</ul>
我有这个初始html:
<div id="treeviewDiv" style="width:200px;height:150px;overflow:scroll">
<ui id="treeviewList"></ui>
</div>
这是我能得到的输出,也是我想要完成的。希望这可以使事情弄清楚一点http://i.imgur.com/D5eHeHe.png: