在Meteor中向AutoForm添加自定義輸入字段

Question

  {{#autoForm schema="schema" id="submitoffer" type="method" meteormethod="submitoffer"}}
      {{> afQuickField name="startLocation"}}
      <input id="date" type="text" class="form-control datepicker">
      <input id="departureTime" type="text"  class="form-control timepicker">
      <input id="returnTime" type="text"  class="form-control timepicker">
      {{> afQuickField name="seats" type="number"}}
      <button type="submit" class="btn btn-primary">Offer lift</button>
  {{/autoForm}}

我希望能夠使用date，departmentTime和returnTime輸入（它們是pickadate.js的實現。但是，當我將表單提交到服務器時，這些輸入沒有作為表單的一部分被提取。我如何要求輸入以及使用自動表單提交？

Answer 1

您可以使用afFieldInput元素並在Schema中設置class屬性。

例如：

<body>
    {{#autoForm collection="Offers" id="submitoffer" type="insert"}}
        {{> afQuickField name="startLocation"}}
        {{> afFieldInput name="date"}}
        {{> afFieldInput name="departureTime"}}
        {{> afFieldInput name="returnTime"}}
        {{> afQuickField name="seats"}}
        <button type="submit" class="btn btn-primary">Offer lift</button>
    {{/autoForm}}
</body>

if (Meteor.isClient) {
    Template.body.onRendered(function () {
        $('.datepicker').pickadate();
        $('.timepicker').pickatime();
    });
}

Offers = new Mongo.Collection("offers");

Offers.attachSchema(new SimpleSchema({
    date: {
        type: String,
        label: "Date",
        autoform: {
            afFieldInput: {
                class: "datepicker"
            }
        }
    },
    departureTime: {
        type: String,
        label: "Departure Time",
        autoform: {
            afFieldInput: {
                class: "timepicker"
            }
        }
    },
    returnTime: {
        type: String,
        label: "Return Time",
        autoform: {
            afFieldInput: {
                class: "timepicker"
            }
        }
    },
    seats: {
        type: Number,
        label: "Seats"
    },
    startLocation: {
        type: String,
        label: "Start Location"
    }
}));

請注意：上面給出的示例將String類型用於字段date 。 我強烈建議將date值存儲為JavaScript Date對象。 您可能需要使用一個before 鈎子將Strings轉換為Date對象。

在Meteor中向AutoForm添加自定義輸入字段

問題描述

1 個解決方案

解決方案1
1 2015-11-06 19:29:18

在Meteor中向AutoForm添加自定義輸入字段

問題描述

1 個解決方案

解決方案1 1 2015-11-06 19:29:18

解決方案1
1 2015-11-06 19:29:18