如何使用meteor和autoform从下拉列表中预先选择一个值?

时间:2015-04-04 05:26:52

标签: meteor meteor-autoform

我使用简单架构的autoform并尝试从下拉列表中预先选择一个值。我要么崩溃应用程序或没有通知,没有结果,没有。所选值仍显示(选择一个)。这是我的架构中的块:

status:{
  type: String,
  label: "Status",
  allowedValues: ['Approved','Pending','Flagged'],
  autoValue: function() {
    return {label: 'Pending', value: 'Pending'};
  }
},

3 个答案:

答案 0 :(得分:3)

取自文档:https://github.com/aldeed/meteor-autoform#affieldinput

要指定在未选择任何选项时显示的标签,请设置 firstOption =“(我选择一个标签)”。

firstOption:与options属性一起使用以指定用于select输入的第一个选项的字符串,该字符串显示何时尚未选择任何内容。例如, firstOption =“(你应该从这个列表中选择一些东西)”。有一个默认的第一个选项“(选择一个)”。如果您不想要任何默认选项,那么请执行firstOption = false,但要确保您的选择输入具有默认值,否则将导致令人困惑的UX,其中看起来第一个选项被选中但不是。< / p>

答案 1 :(得分:2)

添加value属性。

{{afQuickField name="fieldName" options="allowed" value="option1"}}

在此处找到:https://github.com/aldeed/meteor-autoform/issues/52

答案 2 :(得分:1)

对我来说这很有效:

status:{
  type: String,
  label: "Status",
  allowedValues: ['Approved','Pending','Flagged'],
  autoform: {
    afFieldInput: {
      firstOption: 'Pending'
   }
  }
},