流星 - 无法阻止刷新

时间:2015-01-15 20:37:47

标签: javascript meteor

我有两个不同的模板,它们使用日期选择器将带有日期的子文档插入到文档中。一个是有效的,一个没有,即使它们看起来相同。项目到期插入工作正常;延迟 - 直到插入只刷新页面。我使用的是rajit:bootstrap3-datepicker包。

HTML(简明):

<template name="itemsList">
  {{#each actionItems}}
    {{> item}}
  {{/each}}
</template>

<template name="item">
  <div class="item">
    <div class="item-content">
      <div class="mod-table">
        <form class="form-inline mod-field">
          {{#unless actionItem}}
            {{> delayUntil}}
          {{/unless}}
        </form>
        {{#if actionItem}}
          {{> actionModtable}}
        {{/if}}
      </div>
    </div>
  </div>
</template>

<template name="delayUntil">
  <form class="form-inline delay-until">  
    <div class="mod-field">
      <input type="text" class="form-control" name="text" id="delay-until-picker" placeholder="Ignore until..." /><button class="btn btn-default" type="submit">Submit</button>
    </div>
  </form>
</template>

<template name="actionModtable">      
  {{> datepicker}}
</template>

<template name="datepicker">
  <form class="form-inline item-due">  
    <div class="mod-field">
      <input type="text" class="form-control" name="text" id="due-date-picker" placeholder="Enter due date" /><button class="btn btn-default" type="submit">Submit</button>
    </div>
  </form>
</template>

JS(浓缩):

Template.datepicker.rendered = function() {
  $('#due-date-picker').datepicker({
    todayBtn: true,
    autoclose: true,
    todayHighlight: true
  });
};

Template.datepicker.events({
  'submit .item-due': function(event) {
    event.preventDefault();

    var itemDue = event.target.text.value;

    Items.update(this._id, {$set: {itemDue: itemDue}});

    event.target.text.value = "";

    return false;
  },
});

Template.delayUntil.rendered = function() {
  $('#delay-until-picker').datepicker({
    todayBtn: true,
    autoclose: true,
    todayHighlight: true
  });
};

Template.delayUntil.events({
  'submit .delay-until': function(event) {
    event.preventDefault();

    var delayUntil = event.target.text.value;

    Items.update(this._id, {$set: {delayUntil: delayUntil}});

    event.target.text.value = "";

    return false;
  },
});

1 个答案:

答案 0 :(得分:1)

所以答案有点傻。我在表单(oops)中嵌入了一个表单。我摆脱了筑巢,所有这一切都与世界相对。