3

我有一个名为规则集的集合——每个规则集都有一个“规则”数组。我有以下显示每个规则集和每个规则的 html：

<template name="rulesets">
    {{#each rulesets}}
        {{>rulesetSingle}}
    {{/each}}
</template>

<template name="rulesetSingle">
    {{#each rules}}
         <p class="rule-description">{{this}}
             <a href="#" class="rule-delete-btn">x</a>
         </p>
    {{/each}}
</template>

我希望能够在用户单击“rule-delete-btn”时删除规则。
我有以下 javascript 来执行此操作：

Template.rulesetSingle.event({
    'click .rule-delete-btn': function(e){
        e.preventDefault();
        var array = Rulesets.rules;
        var index = array.indexOf(this);
        array.splice(index, 1);
    }
});

删除不起作用，因为“数组”声明没有拉出有效的数组。如何找到并存储包含“this”的数组，这是需要删除的当前规则？

4

1 回答 1

3

假设您的Rulesets.rules数组是一个对象数组，例如：

Rulesets : { { title: 'title1', 
               rules : [ {name : 'rule1', description : 'description1'}, 
                         {name : 'rule2', description : 'description2'}
                       ]
             },
             { title: 'title2', 
               rules : [ {name : 'rule1', description : 'description1'}, 
                         {name : 'rule2', description : 'description2'}
                       ]
             } }

首先，在您的rulesetSingle模板中，您必须将该_id特定文档的分配给<a>like ：

<a href="#" name="{{../_id}}"class="rule-delete-btn"> x </a>

第二件事，您尝试使用 删除规则条目Array.splice()，这是不可能的，因为rules是集合内的文档。您必须update查询 as Rulesets.update()。

如果您已经allow update在服务器上完成了，您可以从事件处理程序中删除此数组条目，否则您必须通过Meteor.call()传递父文档来完成。rule_id

因此，事件处理程序将类似于：

 'click .rule-delete-btn': function(e) {
        e.preventDefault();
        var rule = this;
        var id = e.currentTarget.name;
        Meteor.call('removeRule', id, rule);
  }

在服务器上：

  Meteor.methods({
    removeRule: function(id, rule){
      Rulesets.update({_id: id}, {$pull : {rules : rule}});
    }
  });
于 2013-07-11T05:45:00.850 回答