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

debugcn 发表于 Dev

Codenewb

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分解为基本知识？谢谢！

丹·达斯卡斯库（Dan Dascalescu）

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

// 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和，逗号分隔不同的选择器。

也就是说，欢迎来到流星！一些提示：

尝试遵循Meteor样式指南并在标点符号后放置一个空格（有关更多信息，请参见https://github.com/meteor/meteor/wiki/Meteor-Style-Guide）
有一个很好的资源可以同时学习JavaScript和Meteor的基础知识：David Turnbull的《 Meteor JavaScript Framework入门指南》。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。