Meteor其他事件的处理

2024年4月8日 182次阅读 来源: 姜家志

除了表单提交以外，还有我们日常用到的CRUD操作，对object操作的四个方法: Read/Insert/Update/Delete
Read这个在一开始的例子中就有说到的:db.object.find(),通过Tempalte.tempaltes.helpers给变量赋值，在html中使用模板语言对变量进行操作。
Insert在之前的from表单提交中介绍的就是Insert操作。

 Languages.insert({
                name: text,
                createdAt: new Date()
         });

下面来说下其他的两个操作Update和Delete

增加Update和Delete的Button

先增加一个template名字叫做other_event,在这个模板中我们只展示3个objects，给每天object添加一个删除和更新的按钮。

<template name="other_event">
    {{#each others}}
        <li>
            <h3>{{name}} ,{{updateAt}}</h3>
            <button class="delete">delete</button>
            <button class="update">update</button>

        </li>

    {{/each}}
</template>

在之前的表中并没有updateAt这个字段，这里使用了mongodb（nosql）的一个优势，灵活可变的数据模式(scheme)，不需要变更表结构就可以随意的增加字段。
之前没有updateAt数据的字段在{{updateAt}}这个位置会显示为””.

Update操作

 Template.other_event.events({
       'click .update': function () {
            Languages.update(this._id, {
                $set: {updateAt: new Date()}
            })
        }

    });

这里给class为update的button添加一个事件，更新这个object的updateAt为当前时间。
这里的this就是一个obejct对象，_id是Mongodb的自动的对每个插入的文档对象做的唯一个一个索引，Mongodb为保证其唯一和自增长。
使用$set可以给language对象赋值要更新的属性.
同样的我们可以打开两个浏览器，在其中的一个浏览器中点击更新按钮，在两个浏览器中都可以看到数据的更新。

css ,Fri Dec 18 2015 09:40:26 GMT+0800 (CST)

Delete操作

   Template.other_event.events({
   'click .delete': function () {
       Languages.remove(this._id);

   };
    });

通过主键_id对language对象进行删除操作。同样的我们也可以字两个浏览器中进行观察数据的更新。

项目地址：https://github.com/jjz/meteor/tree/master/meteor-form

    原文作者：姜家志
    原文地址: https://segmentfault.com/a/1190000004163706
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞