流星进入模态

时间:2015-11-17 07:30:13

标签: javascript mongodb meteor

我建立了一个市场,人们可以在这个市场上发布他们想要销售的东西的列表,其他人可以回复这些列表。我已经实现了模式以允许用户查看他们已经详细响应的列表(用户可以填写发送特定项目的报价的表单,此信息保存在Mongo中)。我在从Mongo访问数据并将其显示在模态上时遇到了一些麻烦。

就显示每个优惠而言,这是正常的,我的代码是:

<template name="profileManagerOffers">
    <div class="profileCard oneDiv">
        <ul class="profileCardUl">
            {{#each offer}}
                {{> ManagerCardOffer}}
            {{/each}}
        </ul>
    </div>
    {{> ModalSentOffer}}
</template>

我依靠辅助函数进行此设置,如下所示:

    offer: function() {
        var id = Meteor.userId();
        return Offer.find({
            creator_id: id
        });
    },

此工作正常,每个报价都会显示一些相关信息。

当用户点击其中一个优惠时,应该打开一个模式,其中包含与优惠相对应的信息。我在获取这些数据时遇到了一些问题。使用#each块,我可以正确地打印出所有信息,但是如何在点击时将其细化为特定的正确报价。

这是一张照片

photo

同样,您可以看到每个优惠都会显示,但是当&#34;查看优惠&#34;单击按钮,模态为空。

1 个答案:

答案 0 :(得分:1)

单击按钮保存会话变量中的详细信息

注意:我认为'查看优惠'按钮位于ManagerCardOffer模板

Template.ManagerCardOffer.events({
 'click #viewOffer': function(){
    Session.set('selectedOffer', this)
  }
})

然后在模态中

<template name="ModalSentOffer">
  {{#with selectedOffer}}
    // code to dispaly offer
  {{/with}}
</template>

Template.ModalSentOffer.helpers({
  selectedOffer: function(){
   return Session.get('selectedOffer'):
  }
})