Wie lege ich Google Apps Script-Ergebnisse in HTML ein?

Question

Ich versuche horizontale Tabbed Navigation für Unterseiten auf einer Google Site zu erstellen. Dies ist eine Funktionalität, die nativ unterstützt werden sollte (sie unterstützt eine automatische vertikale Liste von Unterseiten, aber nicht horizontal), ist es aber nicht, also versuche ich es über Google Apps Script zu tun.

Ich komme näher, und ich würde gerne helfen, Dinge zusammenzusetzen.

Ich habe folgende HTML meine Tabs zu dekorieren:

<base target="_parent"> 
<style type="text/css"> 
body {margin:0; padding:0;} 
    a {display:block; float:left; margin-right:2px; font:bold 12px Verdana; color:#ffffff !important; background-color:#B91C00; padding:8px 12px; text-decoration:none; outline:none;} 
    a:hover, a:focus, a:visited {color:#ffffff !important; background-color:#c1c1c1;text-decoration:none !important} 

</style> 

<nav> 
<a href="#">Overview</a> 
<a href="#">Bus. Reqs</a> 
<a href="#">Positioning</a> 
<a href="#">Competitive</a> 
<a href="#">Selling</a> 
<a href="#">Implementation</a> 
<a href="#">Version History</a> 
</nav> 

Ich habe folgendes Google Apps Script die Liste der Unterseiten zu erhalten:

function doGet() { 
    var app=UiApp.createApplication().setTitle("Directory of this site") 
    var mainPanel = app.createAbsolutePanel().setStyleAttributes({background:'beige',padding:'20px'}); 
    var scroll = app.createScrollPanel().setPixelSize(450,300); 
    var thisPage = SitesApp.getActivePage(); 
    var pages = thisPage.getAllDescendants(); 
    var grid = app.createGrid(pages.length,2).setWidth(400) 
    for(n=0;n<pages.length;++n){ 
    grid.setText(n, 0, pages[n].getName()).setWidget(n, 1, app.createAnchor('open', pages[n].getUrl())) 
    } 
    app.add(mainPanel.add(scroll.add(grid))) 
    return app 
} 

in der oben Apps Script Beispiel zeigt das var-Raster die Ergebnisse von getAllDescendants in einem Raster an. Stattdessen möchte ich die Unterseiten in jede Registerkarte meiner horizontalen Navigation einspeisen. Wie füge ich die Apps-Skript-Ergebnisse dynamisch in die einzelnen Registerkarten ein?

Alle Hinweise geschätzt.

Answer 1

Wie bereits erwähnt, sollten Sie HTML-Dienst überprüfen, es ist viel einfacher zu bedienen und Design

HTML SERVICE DOC

HTML SERVICE WEB APP GUIDE