使用 afQuickField 的下拉列表

Question

我正在尝试添加具有三个选项的下拉类别字段这是我为此功能编写的代码

  category: {
    type: String,
    allowedValues: ["Android","IOS","Unity"],
    autoform: {
      afFieldInput: {
        firstOption: "(Select the Category)"
      }
    }
  }

当我使用这段代码时它工作正常

{{> quickForm collection="Products" id="insertProductForm" type="insert"}}

下拉列表显示正常，但是当我使用下面的代码获取表单时

{{#autoForm collection="Products" id="inserP" type="insert"}}
    <fieldset>
      {{> afQuickField name='category'}}
    </fieldset>
    <button type="submit" class="btn btn-primary">Submit</button>
  {{/autoForm}}

我可以看到类别字段但没有下拉菜单，（接受字符输入的普通字段）

如何使用 afQuickField 显示下拉列表？

Answer 1

在 docs 中，有 afFieldInput 选项允许我们指定如何构建每个输入元素。

在您的情况下，代码将变为：

{{#autoForm collection="Products" id="inserP" type="insert"}}
    <fieldset>
        {{> afFieldInput name='category' type='select'  options='allowed'}}
    </fieldset>
    <button type="submit" class="btn btn-primary">Submit</button>
{{/autoForm}}

type='select' 指定要使用的输入字段类型。

options='allowed' 指定我们要使用架构中的 allowedValues。

使用 afQuickField 的下拉列表

Dropdown list using afQuickField

meteor

meteor-autoform