Meteorjs中可重复使用的表格

时间:2013-03-17 17:50:22

标签: javascript mongodb meteor

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

感谢。

1 个答案:

答案 0 :(得分:0)

你可以在{{>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();
    }
});