使用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。