Meteor AutoForm 停止继续提交
Meteor AutoForm stops proceeding submit
我想使用 Meteor 的自动表单包为我的 CAS_Entry
collection 创建一个表单。代码可以在下面看到。我还添加了定义的钩子,不幸的是只有 beginSubmit
和 before
被执行并且没有条目被添加到 collection。使用 Meteor shell,插入效果非常好。
感谢任何提示。
addCasEntry.html,显示表单的模板:
{{#autoForm collection="CAS_Entry" type="insert" id="addCasEntryForm"}}
{{> afQuickField name="type" options="allowed"}}
{{> afQuickField name="description" rows="6" type="textarea"}}
{{> afQuickField name="file" type="cfs-file" collection="Images"}}
{{> afQuickField name="date" }}
<button type="submit" class="btn btn-primary">Add</button>
{{/autoForm}}
addCasEntry.js,添加调试挂钩:
AutoForm.hooks({
addCasEntryForm: {
before: {
insert: function(doc) {
console.log(doc);
}
},
after: {
insert: function(error, result) {
console.log('Occured error: ' + error);
}
},
beginSubmit: function() {
console.log('begin submit');
},
onSuccess: function(formType, result) {
console.log("Insert succeeded");
console.log('Result ' + result);
},
onError: function(formType, error) {
console.log('Error!!!');
console.log(error);
}
}
});
SimpleSchema.debug = true;
/lib/collection/cas_entry.js:
CAS_Entry = new Mongo.Collection("cas_entries");
CAS_Entry.attachSchema(new SimpleSchema({
type: {
type: String,
allowedValues: ['reflection', 'evidence']
},
description: {
type: String,
optional: true
},
file: {
type: String,
optional: true,
},
timeUploaded: {
type: Date,
optional: true,
autoValue: function() {
return new Date();
}
},
date: {
type: Date,
}
}));
CAS_Entry.allow({
'insert': function() {
return true;
},
'update': function() {
return true;
}
});
控制台输出如下:
您的表单不会被提交,因为您没有在 before
挂钩内将文档返回或传递给 this.result();
。
AutoForm.hooks({
addCasEntryForm: {
// ...
before: {
insert: function(doc) {
console.log(doc);
return doc;
}
}
// ...
}
});
根据 documentation,您应该根据定义的先决条件使用以下语句之一:
- 同步,提交:
return doc;
.
- 同步,取消:
return false;
.
- 异步,提交:
this.result(doc);
.
- 异步,取消:
this.result(false);
.
我想使用 Meteor 的自动表单包为我的 CAS_Entry
collection 创建一个表单。代码可以在下面看到。我还添加了定义的钩子,不幸的是只有 beginSubmit
和 before
被执行并且没有条目被添加到 collection。使用 Meteor shell,插入效果非常好。
感谢任何提示。
addCasEntry.html,显示表单的模板:
{{#autoForm collection="CAS_Entry" type="insert" id="addCasEntryForm"}}
{{> afQuickField name="type" options="allowed"}}
{{> afQuickField name="description" rows="6" type="textarea"}}
{{> afQuickField name="file" type="cfs-file" collection="Images"}}
{{> afQuickField name="date" }}
<button type="submit" class="btn btn-primary">Add</button>
{{/autoForm}}
addCasEntry.js,添加调试挂钩:
AutoForm.hooks({
addCasEntryForm: {
before: {
insert: function(doc) {
console.log(doc);
}
},
after: {
insert: function(error, result) {
console.log('Occured error: ' + error);
}
},
beginSubmit: function() {
console.log('begin submit');
},
onSuccess: function(formType, result) {
console.log("Insert succeeded");
console.log('Result ' + result);
},
onError: function(formType, error) {
console.log('Error!!!');
console.log(error);
}
}
});
SimpleSchema.debug = true;
/lib/collection/cas_entry.js:
CAS_Entry = new Mongo.Collection("cas_entries");
CAS_Entry.attachSchema(new SimpleSchema({
type: {
type: String,
allowedValues: ['reflection', 'evidence']
},
description: {
type: String,
optional: true
},
file: {
type: String,
optional: true,
},
timeUploaded: {
type: Date,
optional: true,
autoValue: function() {
return new Date();
}
},
date: {
type: Date,
}
}));
CAS_Entry.allow({
'insert': function() {
return true;
},
'update': function() {
return true;
}
});
控制台输出如下:
您的表单不会被提交,因为您没有在 before
挂钩内将文档返回或传递给 this.result();
。
AutoForm.hooks({
addCasEntryForm: {
// ...
before: {
insert: function(doc) {
console.log(doc);
return doc;
}
}
// ...
}
});
根据 documentation,您应该根据定义的先决条件使用以下语句之一:
- 同步,提交:
return doc;
. - 同步,取消:
return false;
. - 异步,提交:
this.result(doc);
. - 异步,取消:
this.result(false);
.