Question

我有这个模板：

<Template name="nuevoEjercicio">
<div class="container-fluid">
  <div class="form-group">
    <input type="text" class="form-control input-lg" name="ejercicio" placeholder="Ejercicio?"/>
    <input type="number" class="form-control" name="repeticiones" placeholder="Repeticiones?" />
    <input type="number" class="form-control" name="peso" placeholder="Peso?" />
    <button type="submit" class="btn btn-success" >
      <span class="glyphicon glyphicon-plus"></span>
    </button>
  </div>
</div>
</Template>

我用来捕获并保存到数据库。然后在我的.js文件中，我试图获取数据并保存它：

  Template.nuevoEjercicio.events({
     'click .btn btn-success': function (event) {
      var ejercicio = event.target.ejercicio.value;
      var repeticiones = event.target.repeticiones.value;
      var peso = event.target.peso.value;


      ListaRutina.insert({
        rutina:"1",
        ejercicio:ejercicio,
        repeticiones:repeticiones,
        peso:peso,
        });

      // Clear form
      event.target.ejercicio.value = "";
      event.target.repeticiones.value = "";
      event.target.peso.value = "";

      // Prevent default form submit
      return false;
    }
  });
}

据我所知，当我点击任何具有btn btn-success风格的对象时....但事实并非如此。出于某些不明原因 - 对我来说 - 不起作用。你能检查一下并给我一些建议吗？谢谢！

Answer 1

首先，你的选择器出错了。它是'click .btn.btn-success'，而不是'click .btn btn-success'。

你也不能那样做event.target.ejercicio.value。 event.target是被点击的元素。你必须做这样的事情：

'click .btn.btn-success': function (event, template) {
  var ejercicio = template.$('[name=ejercicio]').val()
  ...

Answer 2

行浪费时间和小时之后的解决方案是： 1- html文件为您的输入提供一个id：

 <input type="number" class="form-control" **id="peso"** placeholder="Peso?" />
  <button type="submit" class="btn .btn-success" id="**guardar**" />

所以现在你想在点击按钮时保存输入数据： 2-您通过ID

将按钮与功能相关联

Template.TEMPLATENAMEONHTMLFILE.events({
     'click **#guardar**': function (event, template) {

      var ejercicio = template.$("**#peso**").val();

并使用输入ID获取值链接。

流星 - 数据保存问题

2 个答案: