Meteorjs：如何使用在模板助手中的模板事件中定义的变量？

Question

这是我的活动代码：

    Template.pricing_report.events({
        'click #btn_report_filter': function(){

        from_date = $("#datepicker1").val();
        to_date = $("#datepicker2").val();


        date_n = new Date(from_date);
        from_iso = date_n.toISOString();

        date_o = new Date(to_date);
        to_iso = date_o.toISOString();
    }

});

我想在我的助手中使用变量from_iso 和to_iso，如下所示：

Template.pricing_report.helpers({

    'preportdata':function(){
        return price.find();
},

    'preportdata_test':function(){
        return price.find({
            date: {
                $gte: from_iso,
                $lt:  to_iso
            }
        });
}

如您所见，我在 find 函数中使用了 from_iso 和 to_iso，但无法将值传递给辅助函数。

我还尝试在我的辅助函数中使用console.log(from_iso)，但它也没有显示任何内容。

那么，我该如何使用这些变量呢？

Answer 1

你应该阅读 ReactiveVar：http://docs.meteor.com/#/full/reactivevar_pkg

快速示例：

Template.pricing_report.onCreated(function () {
    this.date_n = new ReactiveVar();
});

Template.pricing_report.events({
    'click #btn_report_filter': function (e, tmpl) {

        tmpl.date_n.set(new Date(from_date)); 

    }
});

Template.pricing_report.helpers({
    'helperName':function () {
        var tmpl = Template.instance();
        return tmpl.date_n.get();
     });
}

Answer 2

您可以使用 Session 变量来存储模板实例变量。它在客户端上提供了一个全局对象，您可以使用它来存储任意一组键值对。使用它来存储列表中当前选定项目之类的内容。在你的情况下，你可以为你的模板尝试这样的事情（未经测试）：

Template.pricing_report.events({
    'click #btn_report_filter': function() {
        var from_date = $("#datepicker1").val(),
            to_date = $("#datepicker2").val(),    
            from = new Date(from_date),    
            to = new Date(to_date);

        Session.set("to_date", to);
        Session.set("from_date", from);
    }
});

Template.pricing_report.helpers({

    'preportdata': function(){
        return price.find();
    },

    'preportdata_test': function() {
        return price.find({
            date: { 
                $gte: Session.get('to_date'),
                $lt:  Session.get('from_date')
            }
        });
    }
});