繁体   English   中英

Flask WTForms SelectField 从 api 数据创建选择

[英]Flask WTForms SelectField Create choices from api data

我正在从这样传递的 api 中提取信息:

{
  "Location": {
    "Units": [
     {
       "id": 1,
       "Item": [
         {
           "Description": "some string value",
           "ID": "some string value"
         },
         {
           "Description": "some string value",
           "ID": "some string value"
         },
         {
           "Description": "some string value",
           "ID": "some string value"
         }
       ]
     },
     {
       "id": 2,
       "Item": [
         {
           "Description": "some string value",
           "ID": "some string value"
         },
         {
           "Description": "some string value",
           "ID": "some string value"
         },
         {
           "Description": "some string value",
           "ID": "some string value"
         }
       ]
     }
    ]
  }
}

我正在提供一个带有 select 字段的 wtform:

forms.py

class ReserveForm(Form):
  item = SelectField(
    'Item',
    choices=[],
    coerce=int
  )

我将“Unit.id”的 ID 作为 url 变量传递给我的路线:

应用程序.py

@app.route('/reserve/<id>')
def reserve(id):
  data = *my api data in json format*
  form = ReserveForm()
  return render_template('reserve.html', data=data, form=form)

在我看来,我正在打印表格:

<form action="" method="POST">
  {{ form.hidden_tag() }}
  {{ form.item.label() }}
  {{ form.item() }}
</form>

我需要做的是使用 ID 与 url 变量中的 ID 相匹配的“Unit”中的“Item”作为 select 字段的选项。

我无法找到一种在模板级别向字段添加选项的方法,而这将是我的首选方法。 就像是:

<form action="" method="POST">
  {{ form.hidden_tag() }}
  {{ form.item.label() }}
  {{ form.item(choices=[data.Location.Unit[specific-ID].item]) }}
</form>

我寄希望于找到这样的解决方案,因为我最熟悉 Jinja2。

由于我找不到实现该功能的方法,因此我一直在尝试弄清楚如何在路线中创建选择字段选项。 这篇文章很有帮助: 动态选择 WTForms Flask SelectField

但是我的数据结构不同,因为有一个额外的嵌套层。

我想我做对了,通过循环遍历“单位”以找到 ID 与我的变量匹配的那个,并将该“单位”分配给一个变量。 然后我可以像上面链接的帖子一样,使用循环的键值(我不知道这叫什么或它是如何工作的,所以我无法搜索它是如何工作的):

@app.route('/reserve/<id>')
def reserve(id):
  data = *my api data in json format*
  for item in data['Location']['Unit']:
    if item['ID'] == id:
      unit = item
  items = [(item['ID'], item['Description']) for item in unit['Item']]
  form = ReserveForm()
  form.item.choices = items

  return render_template('reserve.html', data=data, form=form)

我很确定这会起作用,但我收到错误消息“alueError:以 10 为基数的 int() 的无效文字:”

显然密钥需要是 integer,而不是字符串。 问题在于 api 数据中的描述和 ID 都是字符串,而 ID 是字母/数字组合,无法转换为 integer。

我需要描述作为 select 字段选项的显示文本,我需要值作为 ID 字符串。

如果我没有 integer ID,我可以使用什么作为密钥? 如果我不能使用 ID 字符串作为键,名称和值如何应用于 select 字段选项? 我假设键是 select 字段值。

**更新:我用数字“1”替换了项目['ID']:

items = [(1, item['Description']) for item in unit['Item']]

现在页面正在呈现,select 字段正在工作,但所有 select 字段值都设置为“1”:

<option value="1">item name from api data</option>

该值需要是 api 数据中的项目 ID,如下所示:

'ID': 'babb87d5-323f-4d56-9ed0-e2b643a78936'

但不可能使用字符串作为值。 任何意见,将不胜感激。

我通过在我的字段设置中将 coerce 设置为 int 来强制使用 int 值。 coerce 的默认值是 unicode。一旦我更改了该字段,就会按预期填充。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM