Add Dropdown-Box in Google-Website

Ich habe einige Daten in Google-Blatt. Wie kann ich die Daten basierend auf Benutzeranforderung wie in einer Dropdown-Box extrahieren und in Google Site generieren. Die Herausforderungen, mit denen iam konfrontiert war.Add Dropdown-Box in Google-Website

Prob_1- eine Drop-Down-Box in Google-Website mit

Prob_2- erzeugt dynamische Daten (oder Tabelle) in Google Site aus der Google-Tabelle.

Analysis_1 - Ich habe eine detaillierte Studie durchgeführt und verstanden, dass nur mit einem Drittanbieter-Plugin, kann ich eine Auswahlbox machen. Als einen neuen Blickwinkel brauchten einige darauf basierende Richtlinien. Ist es nicht möglich ohne Drittanbieter-Plugin.

Analysis_2- Oder gibt es eine andere Option, um eine Aktion basierend auf einer Auswahl in Google-Website zu generieren. Ich habe verstanden, dass Scripting in Google Site nicht möglich ist. Also, wie soll ich eine Tastenklick Aktion machen.

Brauchen Sie einige Richtlinien zu diesem Thema.

Quelle

2017-08-22 tony Stark

die Scripting gesagt ist in Google Site nicht möglich ist? – Ritz

Sie können ein Google Apps-Skript erstellen, das als Web-App veröffentlicht wird. Sie verwenden dann einen iFrame, um die veröffentlichte Web-App anzuzeigen. Beachten Sie, dass die neuen Websites dies derzeit möglicherweise nicht unterstützen. In diesem Fall würden Sie verlinken und auf eine neue Seite gehen. Da die Web App HTML und CSS haben kann, könnte es scheinen, dass sie eine andere Seite in der Site ist. –

@Ritz: oh! also wie soll ich dynamische änderungen mit skript machen. Google-Website ermöglicht Schaltflächenklick-Aktionen? –

Dies ist ein JavaScript-Code, um Optionen in eine Auswahlbox zu laden.

function updateSelect(vA)//array of values that go into the drop down or select box 
{ 
    var select = document.getElementById("sel1"); 
    select.options.length = 0; 
    for(var i=0;i<vA.length;i++) 
    { 
    select.options[i] = new Option(vA[i],vA[i]); 
    } 
}

Dies ist HTML für die Auswahlbox.

<select id="sel1" style="width:125px;height:35px;margin:10px 0 10px 0;"> 
     <option value="" selected></option> 
    </select>

Scheinen mir ziemlich einfach.

Hier ist eine vollständigere Lösung.

Code:

function getSelectOptions() 
{ 
    var ss=SpreadsheetApp.getActive(); 
    var sh=ss.getSheetByName('Options'); 
    var rg=sh.getDataRange(); 
    var vA=rg.getValues(); 
    var options=[]; 
    for(var i=0;i<vA.length;i++) 
    { 
    options.push(vA[i][0]); 
    } 
    return vA; 
} 

function showSidebar() 
{ 
    var userInterface=HtmlService.createHtmlOutputFromFile('f'); 
    SpreadsheetApp.getUi().showModelessDialog(userInterface, 'The Drop Down with No Options now has options.'); 
}

f.html

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script> 
    $(function() { 
     $('#txt1').val(''); 
     google.script.run 
      .withSuccessHandler(updateSelect) 
      .getSelectOptions(); 
     }); 
    function updateSelect(vA) 
    { 
     var select = document.getElementById("sel1"); 
     select.options.length = 0; 
     for(var i=0;i<vA.length;i++) 
     { 
     select.options[i] = new Option(vA[i],vA[i]); 
     } 
    } 
    console.log("My code"); 
    </script> 
    </head> 
    <body> 
    <select id="sel1" style="width:125px;height:35px;margin:10px 0 10px 0;"> 
    </select> 
</body> 
</html>

Hier ist, was das Blatt Optionen namens

Quelle

2017-08-22 23:52:42 Cooper

Innerhalb des Google Scripts können wir das auch erstellen? unter dem Skript-Tag –

Ja. Ich gebe Ihnen ein vollständiges Arbeitsbeispiel für ein Google Apps-Skriptprogramm, das ich jeden Tag benutze und das heute morgen dynamisch herunterfährt. – Cooper

Das war so hilfreich. Ich habe große Hoffnung jetzt .. Wenn ich versuchte, bekomme ich diesen Fehler @ Cooper - 'Script-Funktion nicht gefunden: doGet' –

Add Dropdown-Box in Google-Website

Antwort

Verwandte Themen