Meteor学习路程（三）之数据库的例子（5）【删除】

这个例子插入的例子是在http://blog.csdn.net/miss_ll/article/details/54573802数据库基础进行继续完善的。

与update类似，也需要指定目标文档ID。

添加“删除”按钮，单击后弹出确认提示框，确认后在集合中删除模板文档。

（1）在testsusersitem.html修改按钮后面新增删除按钮

<template name="useritem">
    {{#if isEditing}}
        <p>姓名：<input id="username" value="{{name}}"/></p>
        <p>年龄：<input id="age" value="{{age}}"/></p>
        <p><button>保存</button></p>
    {{else}}
        <li>
            name:{{name}}|age:{{age}}
            <span class="edit" style="color:red;cursor:pointer">修改</span>
            <span class="remove" style="color:red;cursor:pointer">删除</span>
        </li>
    {{/if}}
</template>

（2）testsusersitem.js中新增删除按钮的单击事件

//至于session中那个用户ID变量就是单击“修改”按钮时设置的。
Template.useritem.helpers({
    isEditing:function () {
        //从session中取得editid值
        var eid = Session.get('editid');
        //返回对比结果
        return this._id+'' == eid;
    }
});
//添加“修改”按钮的单击事件处理
Template.useritem.events({
    'click .edit':function(e,tpl){
        e.preventDefault();
        //取得当前用户的_id
        var id = this._id;
        //设置到session
        Session.set('editid',id);
    },
    //单击某个用户的“修改”按钮后，此用户位置就会变为编辑表单，表单中默认填充了用户信息值
    'click button':function (e,tpl) {
        var name = tpl.$('#username').val();
        var age = tpl.$('#age').val();
        var id = this._id;
        TestsUsers.update({_id:id},{name:name,age:age},function () {
            Session.set('editid',-1);//设为-1表明当前没有要修改的用户
        });
    },
    //删除按钮的单击事件
    'click .remove':function(e,tpl){
        if(confirm('确认删除？')){
            var id = this._id;
            //调用集合的remove方法，删除
            TestsUsers.remove(id);
        }
    }
});

（3）最后结果