Come posso creare un modulo da un elenco di modelli usando wtforms?
-
21-12-2019 - |
Domanda
Ho un elenco di modelli Prediction
.Voglio legarli a una forma e consentire all'uso di postare.Come posso strutturare la mia forma in modo che il post associa un punteggio di casa / distanza con un campo Prediction
tagCoDetagCode Model id
per ogni elemento che legato al modulo?
Visualizza
@app.route('/predictor/',methods=['GET','POST'])
@login_required
def predictions():
user_id = g.user.id
prediction= # retrieve prediction
if request.method == 'POST':
if form.validate() == False:
flash('A score is missing, please fill in all predictions')
render_template('predictor.html', prediction=prediction, form=form)
else:
for pred in prediction:
# store my prediction
flash('Prediction added')
return redirect(url_for("predictions"))
# display current predictions
elif request.method == 'GET':
return render_template('predictor.html', prediction=prediction, form=form)
.
Modulo
class PredictionForm(WTForm):
id = fields.IntegerField(validators=[validators.required()], widget=HiddenInput())
home_score = fields.TextField(validators=[validators.required()])
away_score = fields.TextField(validators=[validators.required()])
.
Modello
<form action="" method="post">
{{form.hidden_tag()}}
<table>
{% for pred in prediction %}
<tr>
<td>{{pred.id}}</td>
<td>{{form.home_score(size=1)}}</td>
<td>{{form.away_score(size=1)}}</td>
</tr>
{% endfor %}
</table>
<p><input type="submit" value="Submit Predictions"></p>
</form>
.
Non riesco a ottenere i miei dati per legare correttamente su POST
.I verificatori richiesti falliscono continuamente perché i dati del post mancano tutti i campi richiesti .
Soluzione
Hai bisogno di una sottomaschera che si lega agli elementi in un elenco di previsioni:
Il modulo che hai descritto ti consentirà solo di inviare una singola previsione. Sembra che ci sia una discrepanza perché ti leghi un iterable di previsioni e sembrerebbe che tu voglia una previsione di una casa e via per ciascuno. In effetti, così come lo è che non posterà mai un campo id
. Questo ti farà sempre guarire la convalida della forma. Penso che quello che vuoi è un elenco di sottomarme. Come così:
# Flask's form inherits from wtforms.ext.SecureForm by default
# this is the WTForm base form.
From wtforms import Form as WTForm
# Never render this form publicly because it won't have a csrf_token
class PredictionForm(WTForm):
id = fields.IntegerField(validators=[validators.required()], widget=HiddenInput())
home_score = fields.TextField(validators=[validators.required()])
away_score = fields.TextField(validators=[validators.required()])
class PredictionListForm(Form):
predictions = FieldList(FormField(PredictionForm))
.
La tua vista dovrà restituire qualcosa sulla riga di:
predictions = # get your iterable of predictions from the database
from werkzeug.datastructures import MultiDict
data = {'predictions': predictions}
form = PredictionListForm(data=MultiDict(data))
return render_template('predictor.html', form=form)
.
Il tuo modulo dovrà passare a qualcosa di più simile a questo:
<form action='my-action' method='post'>
{{ form.hidden_tag() }}
{{ form.predictions() }}
</form>
.
Ora questo stamparà un <ul>
con un <li>
per articolo perché è ciò che fa il fieno. Lo lascerò a te lo stile e prenderlo in una forma tabellare. Potrebbe essere un po 'complicato ma non è impossibile.
On post A otterrai un dizionario formdata con un punteggio di casa e via per ogni id
di previsione. Puoi quindi vincolare queste previsioni nel tuo modello sqlalchemy .
[{'id': 1, 'home': 7, 'away': 2}, {'id': 2, 'home': 3, 'away': 12}]
. Altri suggerimenti
{% for key in di_RAA %}
<tr>
<td><form id="Run" action="{{ url_for('index') }}" method="post">
<input type="submit" class="btn" value="TEST" name="RUN_{{key}}">
</form></td>
</tr>
{% endfor %}
.
Fornisce altre semplici soluzione per il pulsante multiplo. Il fieldlist è buono, è difficile ottenere il nome e il trigger di ciascun pulsante.
from wtforms import fields
from wtforms.fields import FieldList, FormField
from wtforms import validators
.
Alcuni consigli, forse aggiungono un po 'di importazione e pulire il messaggio di errore di importazione.