Python Flask WTForms: Dynamic SelectField return "Not a valid choice"



首先,我知道这里有几十个类似的问题。我看过大多数(如果不是全部的话(,但没有一个能帮助我找到解决方案。下面的问题是最相似的,但我对"动态"的实现与他们的有点不同(下面将详细介绍(:Flask/Python/WTForms验证和动态设置SelectField选项

简而言之:

我有一个表格,用于向我构建的网络监控工具请求报告。该工具跟踪各种无线网络的所有不同类型的统计信息。这是表单类的定义。我的动态字段是ssidFilter selectField。

class RequestReportForm(FlaskForm):
startDate = DateField('Start Date', validators=[DataRequired(), validate_startDate])
startTime = TimeField('Start Time', format='%H:%M', validators=[DataRequired()])
endDate = DateField('End Date', format='%Y-%m-%d', validators=[DataRequired(), validate_endDate])
endTime = TimeField('End Time', format='%H:%M', validators=[DataRequired(), validate_allDates])
ssidFilter = SelectField('SSID', default=('All', 'All'))
reportType = SelectField('Report Type', validators = [DataRequired()], choices=[
('rssi', 'RSSI vs. Time'), 
('snr', 'SNR vs. Time'),
('ClientCount', 'Client Count vs. Time'),
])
selectLocation = SelectField('Locations', validators = [DataRequired()], choices=[ 
('All','All'),
('mainLobby', 'Main Lobby'), 
('level1', 'Level 1'), 
('level2', 'Level 2'),
])
submit = SubmitField('Generate Report')

我已经实现了Javascript来获取用户输入的startDate和endDate字段,并通过在我的应用程序中"获取"另一个烧瓶路由来对我的数据库运行查询,以返回在他们输入的日期范围内使用的所有无线网络(SSID(的列表。这是一条路线:

@app.route('/updateSSIDs/<startDate>/<endDate>', methods=['GET'])
def updateSSIDs(startDate, endDate):
startDate = datetime.strptime(startDate, '%Y-%m-%d')
endDate = datetime.strptime(endDate, '%Y-%m-%d')
# Get a list of unique SSIDs that we have data for between the start and end dates selected on the form.
SSIDs = getSSIDs(startDate, endDate)
SSIDArray = []
for ssid_tuple in SSIDs:
ssidObj = {}
ssidObj['id'] = ssid_tuple[0]
ssidObj['ssid'] = ssid_tuple[0]
SSIDArray.append(ssidObj)
return jsonify({'SSIDs' : SSIDArray})

变量SSIDArray在被jsonify'd:之前是这样的

[{'id': 'Example Network 1', 'ssid': 'Example Network 1'}, {'id': 'Staff', 'ssid': 'Staff'}, ... ]

以下是我实例化表单的方式:

@app.route('/requestReport', methods=['GET', 'POST'])
def requestReport():
form = RequestReportForm()
form.ssidFilter.choices = getSSIDs(datetime.now(), datetime.now())
if form.validate_on_submit():
print("Valid form data:")
print(form.data)
flash(f'Received request for report from {form.startDate.data} at {form.startTime.data} through {form.endDate.data} at {form.endTime.data}', 'success')
startDate = form.startDate.data
startTime = form.startTime.data
endDate = form.endDate.data
endTime = form.endTime.data
reportType = form.reportType.data
locations = form.selectLocation.data
ssid = form.ssidFilter.data
# Put requested times into datetime objects
startDateTime = datetime(startDate.year, startDate.month, startDate.day, startTime.hour, startTime.minute)
endDateTime = datetime(endDate.year, endDate.month, endDate.day, endTime.hour, endTime.minute)
# Generate report and redirect client to report.
reportParameters = rpt.prepareReport_single(startDateTime, endDateTime, reportType, locations, ssid)        
report = rpt.buildReport_singleLocation(reportParameters)       
report = Markup(report)
return render_template('viewReport.html', value=report)

请注意,我正在通过调用响应Javascript获取调用的同一个getSSIDs函数来填充我的动态字段,这里的form.ssidFilter.choices,但我传入了开始日期和结束日期的datetime.now()。这是为了最初向用户显示当前正在使用的无线网络的列表,但一旦用户更改日期,该列表就会使用不同的网络集进行更新。

问题就在这里:我如何设置可接受选项列表(form.ssidFilter.choices(,以包含客户端输入报告日期后返回的网络列表?

我正在探索的可能解决方案:

  • 在选择日期时重新加载页面,以使用动态数据实例化新表单。

  • 首先保留一个所有可用选项的庞大列表,然后当用户更改表单上的日期时,这些选项将通过JS动态过滤。

哦,如果所选的SSID恰好是form.ssidFilter.choices = getSSIDs(datetime.now(), datetime.now())语句列表中的SSID,则该表单可以正常工作。只有当选择的项目最初不在选项列表中时,才会出现问题(这很有道理——我只是不知道如何解决它(。

谢谢你抽出时间。

编辑/解决方案:

多亏了@SuperShoot的回答,我才得以做到这一点。对我来说,关键是让Flask路由区分HTTP请求的类型——GET或POST。由于我知道GET方法只用于检索表单,POST方法只用于提交填写好的表单,所以我可以从用户那里提取startDate和endDate选项,运行查询以获取数据,并更新表单类中的choices字段。

正如@SuperShoot也提到的那样,我不得不做一些额外的验证,但我做得有点不同。由于结束日期一修改,我的JavaScript代码就会从Flask应用程序中调用一个单独的路由,因此表单没有责任验证所选的日期。我在另一条Flask路线上进行了一些验证。

这是我修改的烧瓶requestReport路线:

@app.route('/requestReport', methods=['GET', 'POST'])
def requestReport():
form = RequestReportForm()
form.ssidFilter.choices = getSSIDs(datetime.now(), datetime.now())
if request.method == 'POST':
startDate = datetime(form.startDate.data.year, form.startDate.data.month, form.startDate.data.day)
endDate = datetime(form.endDate.data.year, form.endDate.data.month, form.endDate.data.day)
# Update acceptable choices for the SSIDs on the form if the form is submitted.
form.ssidFilter.choices = getSSIDs(startDate, endDate)
if form.validate_on_submit():
flash(f'Received request for report from {form.startDate.data} at {form.startTime.data} through {form.endDate.data} at {form.endTime.data}', 'success')
startDate = form.startDate.data
startTime = form.startTime.data
endDate = form.endDate.data
endTime = form.endTime.data
reportType = form.reportType.data
locations = form.selectLocation.data
ssid = form.ssidFilter.data
# Put requested times into datetime objects
startDateTime = datetime(startDate.year, startDate.month, startDate.day, startTime.hour, startTime.minute)
endDateTime = datetime(endDate.year, endDate.month, endDate.day, endTime.hour, endTime.minute)
# Generate report and redirect client to report.
reportParameters = rpt.prepareReport_single(startDateTime, endDateTime, reportType, locations, ssid)        
report = rpt.buildReport_singleLocation(reportParameters)       
report = Markup(report)
return render_template('viewReport.html', value=report)
else:
return render_template('requestReport.html', title='Report Request', form=form)

这是我更新的updateSSIDs路由,当表单的结束日期更改时,它会通过Javascript调用:

@app.route('/updateSSIDs/<startDate>/<endDate>', methods=['GET'])
def updateSSIDs(startDate, endDate):
startDate = datetime.strptime(startDate, '%Y-%m-%d')
endDate = datetime.strptime(endDate, '%Y-%m-%d')
# Validate startDate and endDate
emptyDataSet = {'SSIDs' : {'id ': 'All', 'ssid' : 'All'}}
if startDate > endDate:
return jsonify(emptyDataSet)
if startDate >= datetime.now():
return jsonify(emptyDataSet)
if startDate.year not in range(2019, 2029) or endDate.year not in range(2019, 2029):
return jsonify(emptyDataSet)
# Get a list of unique SSIDs that we have data for between the start and end dates selected on the form.
SSIDs = getSSIDs(startDate, endDate)
SSIDArray = []
for ssid_tuple in SSIDs:
ssidObj = {}
ssidObj['id'] = ssid_tuple[0]
ssidObj['ssid'] = ssid_tuple[0]
SSIDArray.append(ssidObj)
return jsonify({'SSIDs' : SSIDArray})

在尝试通过getSSIDs从数据库中检索数据之前,这条路线是进行一些基本检查,以确保提交的日期不是完全荒谬的,但我在getSSIDs函数中进行了一些更彻底的验证。

您可以根据路由是处理GET还是POST请求来不同地实例化表单:

@app.route('/requestReport', methods=['GET', 'POST'])
def requestReport():
form = RequestReportForm()
if request.method == "GET":
start = end = datetime.now()
else:
# validate start and end dates here first?
start, end = form.startDate.data, form.endDate.data
form.ssidFilter.choices = getSSIDs(start, end)
...

尽管在POST的情况下,它使用验证之前的开始日期和结束日期。因此,一种选择是首先在"POST"条件处理中内联验证它们(我已经在其中放置了注释(,另一种选择则是覆盖RequestReportForm上的.validate()方法。

这是Form.validate():的文档字符串

"""
Validates the form by calling `validate` on each field.
:param extra_validators:
If provided, is a dict mapping field names to a sequence of
callables which will be passed as extra validators to the field's
`validate` method.
Returns `True` if no errors occur.
"""

一种可能的实现方式是:

class RequestReportForm(FlaskForm):
...
def validate(self, *args, **kwargs):
"""Ensure ssidFilter field choices match input startDate and endDate"""
if not (self.startDate.validate(self) and self.endDate.validate(self)):
return False
self.ssidFilter.choices = getSSIDs(self.startDate.data, self.endDate.data)
return super().validate(*args, **kwargs)

FlaskForm.validate_on_submit()首先检查表单是否已提交,然后将调用自定义.validate()方法。该方法首先确保开始日期和结束日期有效,并在最终将验证委托给MRO之前使用它们填充ssidFilter的预期可能值。

我还没有运行这个代码,所以如果有任何错误,请告诉我,但希望我已经很好地理解了这个想法,如果合适的话,你可以使用它运行。

相关内容

最新更新