Question

Template.feed.events = ({

// Press enter to submit the post.
'keypress, .posttext':function(evt,tmpl){
    if(evt.which == 13){
        var posttext = tmpl.find('.posttext').value;
        var options = {text:posttext,parent:null};
        Meteor.call('addPost',options);
        $('.posttext').val("").select().focus();
    }
}

我对Meteor或javascript不太好，是否有任何好的资源可以将Meteor分解为一个基本的理解？谢谢！

Answer 1

以下是处理提交按钮的正确方法：

// client/yourtemplate.html
<template name="yourForm">
  <form>
    <input type="text" class="posttext">
    <input type="submit" value="Submit post">
  </form>
</template>

// client/yourfile.js
Template.feed.events = {
  // "submit form" handles all types of form submission: pressing Enter in
  // the input text field, clicking the button, or tabbing to it then
  // pressing Enter
  'submit form': function (event, template) {
    event.preventDefault();  // disable the browser's form submission
    var posttext = template.find('.posttext').value;
    ...
  }
};

请注意，在低级keypress方法中，keypress和.posttext之间有一个额外的逗号。偶数选择器语法为eventtype selector和commas separate different selectors。

那就是说，欢迎来到流星！一些指示：

尝试遵循Meteor风格指南并在标点后添加空格（请参阅https://github.com/meteor/meteor/wiki/Meteor-Style-Guide上的更多内容）
有一个很好的资源可以同时学习JavaScript和Meteor的基础知识：David Turnbull的Complete Beginner’s Guide to the Meteor JavaScript Framework。

如何在Meteor.js中添加提交按钮？

1 个答案: