2016-07-20 9 views
0

Ich arbeite derzeit an einem Dashboard-Tool. Hier benutze ich Python, um einen Datenrahmen zu durchlaufen und Filter basierend auf den Daten zu erstellen. Ich habe den folgenden Code als Beispiel Ausgang:Formular automatisch senden auf Radio/Kontrollkästchen Aktion (Python Flask)

<form name="FormYear" method="post"> 
    <div class="panel"> 
    <div id="checkboxes"> 
     <div class="filterdiv"> 
     Forecast Year 
     <button class="filterButton clearfilter" type="submit" name="submit" value="clearFilterYear"> 
      <i class="glyphicon glyphicon-remove"></i> 
     </button> 
     <button class="filterButton filter" type="submit" name="submit" value="filter"> 
      <i class="glyphicon glyphicon-filter"></i> 
     </button> 
     </div> 
     <input value = "1" type="hidden" name="FormYear"> 
     <input type="radio" name="Year" id="Year2016" value="2016" checked class="checkbox" > 
     <label class="checkboxLabel" for="Year2016">2016</label> 
     <input type="radio" name="Year" id="Year2017" value="2017" class="checkbox" > 
     <label class="checkboxLabel" for="Year2017">2017</label> 
     <input type="radio" name="Year" id="Year2018" value="2018" class="checkbox" > 
     <label class="checkboxLabel" for="Year2018">2018</label> 
    </div> 
    </div> 
</form> 

Der obige Code enthält 2 Tasten werfen (eine um die Auswahl zu unterwerfen und eine Auswahl löschen) und 3 Radiobuttons. Um die Radioknöpfe zu stylen verwende ich die Labels und css.

Das Dashboard wird viele solcher Formulare enthalten, und ich möchte in der Lage sein, das Formular senden zu lassen, wann immer der Benutzer entweder ein Kontrollkästchen oder eine Optionsschaltfläche aktiviert.

Grundsätzlich muss die Website die zweite Schaltfläche drücken, wenn der Benutzer einen Filter ändert.

Kann dies getan werden?

+1

Sollte einfach mit einem bisschen a von JQuery sein, können Sie das 'ändern' Ereignis auf den Radio-Buttons und senden Sie das Formular über Javascript. – donners45

+0

http://stackoverflow.com/questions/13126501/submit-form-on-radio-button-click-submit-form-and-perform-other-actions-on-rad – davidism

+0

Hallo David, ich habe diese Frage schon einmal gesehen posten mein eigenes, aber ich konnte es nicht zur Arbeit bringen. Ich habe das Problem gelöst, einige Listener verwendet und daran erinnert, eindeutige IDs für jedes Steuerelement im Formular zu generieren. –

Antwort

0

Sie können Flask-Sijax verwenden, es hilft Ihnen, Sijax Unterstützung für Ihre Flask-Anwendungen hinzuzufügen. Sijax ist eine einfach zu bedienende AJAX-Bibliothek.