[英]Previewing data with meteor-autoform
我有一个带有表单和预览的选项卡式页面布局。 是否有任何方法可以通过按下“预览”按钮来验证表单,并在有效后切换到第二个选项卡? 也就是说,在按下“提交”按钮之前,我们不会创建任何内容。
<div class="tab-content">
<div class="tab-pane text-left fade in active" id="compose">
{{#autoForm collection="Jobs" id="insertJobForm" type="insert"}}
{{> afQuickField name="title" class="form-control input-lg"}}
[more fields]
<div class="form-group">
<button type="submit">Preview</button>
</div>
{{/autoForm}}
</div>
<div class="tab-pane text-left" id="preview">
<h2>{{currentFieldValue "title"}}</h2>
[more output]
<button type="submit">Submit</button>
</div>
</div>
您可以使用AutoForm.validateForm('yourFormIdGoesHere')
触发自动AutoForm.validateForm('yourFormIdGoesHere')
的验证,并使用Autoform.getFormValues(yourFormIdGoesHere)
提取值,也可以简单地序列化表单。
然后,您将这些值用作预览模板的数据上下文: {{>previewTemplate formData}}
需要为此创建模板帮助器。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.