流星 - 如何从孩子到父母的功能给予价值?

时间:2017-02-02 11:30:24

标签: javascript json meteor

我想将子结果的值发送到父元素。我使用Session.set和Session.get并且它工作正常,但我知道这不是一个好习惯,因为Sessions是全局的。所以,我想尝试像反应性变量或反应性词典这样的东西,但它们都只给我一个对象。我应该怎么做或者我应该如何从该对象中获取特定的东西? (我将JSON存储在ReactiveVar或Dict中,我知道它们对JSON非常糟糕。感谢您的帮助!

Template.companyCreate.helpers({
    CompanyName : function () {
        if (Meteor.user() || Roles.userIsInRole(Meteor.user(),['admin','adminCreator'], 'companyAdmin')) {
            Meteor.call('findCompany', function(err, result) {
                if (err) {
                    console.log(err.reason)
                }
                else {
                    //this is where I want to take result and give it to parent function
                }
            });
            return //this is where I want to take result that was given from child function and return it to CompanyName
        }
        else {
            Router.go('/nemate-prava')
        }
    },

更新代码

    Template.companyCreate.onCreated(function Poruke() {
    this.message = new ReactiveVar(' ');

    let self = this;
    let user = Meteor.user();
    let companyNameHandler = Template.currentData().companyNameHandler;
    self.companyName = new ReactiveVar();

    if (user && Roles.userIsInRole(user,['admin','adminCreator'], 'companyAdmin')) {
        Meteor.call('findCompany', function(err, result) {
            if (err) {
                console.log(err.reason)
            }
            else {
                self.companyName.set(result);
                companyNameHandler(result);
                }
            });
        }
    else {
        Router.go('/nemate-prava')
    }
}); 

Template.companyCreate.helpers({
    message: () => { return Template.instance().message.get() },

    isNotInRole : function() {
        if (!Meteor.user() || !Roles.userIsInRole(Meteor.user(),['admin','adminCreator'], 'companyAdmin')) {
            return true;
        }
        else {
            return false;
        }
    },

    CompanyName : function () {
        return Template.instance().companyName.get();
    }
});

Template.companyCreate.events({
    'submit form': function(event, template) {
        var Ime = event.target.Ime.value;
        event.preventDefault();
        Meteor.call('companyCheck', Ime, function(error, result) {       
            if (error) {
                console.log(error.reason);
                template.message.set(error.reason);
                alert(error.reason);
            }
            else {
                event.target.Ime.value = "";
                console.log('Kompanija je uspesno kreirana!');
                template.message.set("Uspesno!");
            }
        })
    },
});

方法:

    'findCompany'(){
        ImeKompanije = firma.findOne({AdminID: this.userId}).ImeKompanije
        if (typeof ImeKompanije == 'undefind') {
            throw new Meteor.Error(err, "Greska!");
        }
        return ImeKompanije;

    },
});

路由器:

    Router.route('/comp/:ImeKompanije', {
    name: 'companyProfile',
    template: 'companyProfile',
    waitOn: function() {
        return Meteor.subscribe('bazaFirmi', this.params.ImeKompanije)
    },
    action: function() {
        this.render('companyProfile', {
            data: function() {
                return firma.findOne({ImeKompanije: this.params.ImeKompanije});
            }
        });
    },
});

1 个答案:

答案 0 :(得分:1)

好的,这里有很多要放松的地方。让我们从小事做起。

if (Meteor.user() || Roles.userIsInRole(Meteor.user(),['admin','adminCreator'], 'companyAdmin')) {

我认为这句话就是说,"如果用户是管理员"。但它确实说,"如果用户已登录。"如果你的意思是第一个,那么改变" ||"到"&&"。

更大的问题是你在帮助器中进行服务器调用。帮助者可以反复调用,因此将它们视为简单返回数据的东西。它不应该有任何副作用,例如进行服务器调用或(yikes)重新路由用户。

所以让我们将所有副作用代码移动到onCreated()并捕获公司名称,以便可以从帮助程序返回。我们也将设置为将公司名称返回给父母。

Template.companyCreate.onCreated(function() {
    let self = this;
    let user = Meteor.user();
    let companyNameHandler = Template.currentData().companyNameHandler;

    self.companyName = new ReactiveVar();

    if (user && Roles.userIsInRole(user,['admin','adminCreator'], 'companyAdmin')) {
        Meteor.call('findCompany', function(err, result) {
            if (err) {
                console.log(err.reason)
            }
            else {
                self.companyName.set(result);
                companyNameHandler(result);
                }
            });
        }
    else {
        Router.go('/nemate-prava')
    }
});

现在帮助器非常简单,它只返回保存到模板的反应性var:

Template.companyCreate.helpers({
    CompanyName : function () {
        return Template.instance().companyName.get();
    }
});

最后一部分是设置处理程序以将数据返回给父级。让客户端回到其父级是一种不好的形式,所以我通常让父母给孩子一个可以调用的函数。通常,当孩子说“我完成了我的工作”时,我会这样做,"但在这里我们可以用它来提供这些数据。我必须对你父母的样子作出一些假设。

<template name="Parent">
    {{> companyCreate companyNameHandler=getCompanyNameHandler}}
</template>

Template.Parent.helpers({
    getCompanyNameHandler() {
        let template = Template.instance();

        return function(companyName) {
            console.log(companyName);
            // you can also access the parent template through the closure "template"
        }
    }
});

父助手返回一个传递给客户端的函数。当客户端调用它时,它将在父关闭中执行。你可以看到我设置了一个名为&#34; template&#34;的变量。这样你就可以访问属于父母的无效变种。

更新:如果处理程序不在Meteor.call()范围内,我们可以尝试通过反应变量使用它。

Template.companyCreate.onCreated(function() {
    let self = this;
    let user = Meteor.user();
    self.companyNameHandler = new ReactiveVar(Template.currentData().companyNameHandler);

    self.companyName = new ReactiveVar();

    if (user && Roles.userIsInRole(user,['admin','adminCreator'], 'companyAdmin')) {
        Meteor.call('findCompany', function(err, result) {
            if (err) {
                console.log(err.reason)
            }
            else {
                self.companyName.set(result);
                let fn = self.companyNameHandler.get();
                fn(result);
            }
        });
    }
    else {
        Router.go('/nemate-prava')
    }
});