Meteor的任何Crud示例并与SimpleSchema作出反应

时间:2016-04-29 20:45:56

标签: meteor reactjs ecmascript-6

我创建了一个简单的页面,其中数据通过使用Refs of react的表单插入到数据库中。任何正文帮助我如何使用aldeed插入数据:简单模式或使用该包的任何curd示例。

请检查我的简单插入代码。

import React,{Component} from 'react';

import {DoctorsList} from '../../../api/lists/DoctorsList.js';

export class DoctorCreate extends  Component
{
    addDoctor(event){
        event.preventDefault();
       var text= this.refs.DoctorName.value.trim();
        console.log(text);

            DoctorsList.insert({
                name:text,
                createdAt: new Date(),
                owner: Meteor.userId(),           // _id of logged in user
                username: Meteor.user().username,  // username of logged in user
            });
        this.refs.DoctorName.value="";

    }
    render()
    {
        return (
            <div className="container">


            <div className="row">
                <div className="col-sm-12">
                <form className="form" onSubmit={this.addDoctor.bind(this)}>
                    <div className="form-group">
                        <label> Name</label>
                    <input ref="DoctorName" type="text" className="form-control" placeholder="name..."/>
                    </div>
                 <div className="form-group">
                    <input type="submit" value="save" className="btn btn-primary"/>
                </div>
                </form>
                </div>
                <br/>
                <a href="/doctors"  >Back to list </a>
                <hr/>
            </div>
            </div>


        )
    }
}

提前致谢。

1 个答案:

答案 0 :(得分:2)

Meteor官方TODO应用程序正在使用简单架构。链接到github源https://github.com/meteor/todos/blob/1.3-module-exports/imports/api/lists/methods.js