Meteorjs中的可重用形式

Question

我正在MeteorJS上编写CRUD应用程序。 我有很多不同输入的html表单。 在更新情况下，我无法为mongodb的html输入设置默认值。 如何在创建和更新案例中使用相同的html表单？

谢谢。

Answer 1

您可以在带有{{>template}}的模板中使用一种表单，然后使用另一种表单，以便可以分隔事件绑定（如果使用流星，则可以使用{{>form}}如果正在使用JQuery

客户HTML

<template name="form">
    <form>
        <input type="text" value="{{values.fieldname1}}"/>
    </form>
</template>

<template name="crud">
   <h1>Update</h1>
   {{>update}}
   <hr/>
   <h1>New</h1>
   {{>create}}
</template>

<template name="update">
 {{>form}}
</template>

<template name="create">
 {{>form}}
</template>

客户Js

Template.update.values = function() {
    return MyCollection.findOne()
}

Template.update.events({
    'submit':function(event,context) {
        //update your stuff (your data would be in context.data)
        event.preventDefault()
    }
});

Template.create.events({
    'submit':function(event,context) {
        //create your new item
        event.preventDefault();
    }
});