Доступ к родительскому контексту в шаблонах Meteor и шаблонных помощниках

Ответ 1

Это не очень красиво, но я сделал что-то вроде этого:

<template name='forLoop'>
{{#each augmentedParticipants}}
{{> participant }}
{{/each}}
</template>

<template name='participant'>
...
Question: {{this.parent.question}}
...
</template>


// and in the js:
Template.forLoop.helpers({
    augmentedParticipants: function() {
        var self = this;
        return _.map(self.participants,function(p) {
            p.parent = self;
            return p;
        });
    }
});

Это похоже на подход, предложенный AVGP, но увеличивающий данные на уровне помощника вместо уровня db, который, как мне кажется, немного легче.

Если вам интересно, вы можете попытаться написать хелпер-блок Handlebars eachWithParent, который бы абстрагировал эту функциональность. Метрические расширения для рулей описаны здесь: https://github.com/meteor/meteor/wiki/Handlebars

Ответ 2

Похоже, что Spacebars (механизм новых шаблонов Meteor), у вас есть доступ к родительскому контексту в блоках {{#each}}, используя ../.

В Meteor 0.9.1 вы также можете написать помощника и использовать Template.parentData() в своей реализации.

Ответ 3

Я не знаю формального способа (если есть), но чтобы решить вашу проблему, я бы связал участников с родительским ID следующим образом:

{
    _id: "1234",
    question: "Whats up?",
    ...
    participants: [
      {
        _id: "abcd",
        parent_id: "1234",
        vote: 0
      }
    ]
}

и используйте этот parent_id в помощниках, событиях и т.д., чтобы вернуться к родительскому элементу с помощью findOne. Это, очевидно, очень оптимальная вещь, но это самый простой способ, который приходит мне на ум, пока нет способа ссылки на родительский контекст. Возможно, есть способ, но он очень хорошо скрыт во внутренней работе Meteor без упоминания в документах, если да: обновите этот вопрос, если найдете его.

Ответ 4

Это длинный выстрел, но, возможно, это может сработать:

{{#with ../}}
  {{#each options}}
    {{this}}
  {{/each}}
{{/with}}

Ответ 5

Это облегчит жизнь.

// use #eachWithParent instead of #each and the parent._id will be passed into the context as parent.
Handlebars.registerHelper('eachWithParent', function(context, options) {

    var self = this;
    var contextWithParent = _.map(context,function(p) {
        p.parent = self._id;
        return p;
    });

    var ret = "";

    for(var i=0, j=contextWithParent.length; i<j; i++) {
        ret = ret + options.fn( contextWithParent[i] );
    }
    return ret;
});

Идем дальше и меняем

p.parent = self._id;

к тому, что вы хотите получить в родительском контексте.

Исправлено:

// https://github.com/meteor/handlebars.js/blob/master/lib/handlebars/base.js

// use #eachWithParent instead of #each and the parent._id will be passed into the context as parent.
Handlebars.registerHelper('eachWithParent', function(context, options) {
    var self = this;
    var contextWithParent = _.map(context,function(p) {
        p.parent = self._id;
        return p;
    });

    return Handlebars._default_helpers.each(contextWithParent, options);
});

Это работает:) без ошибок

Ответ 6

Просто зарегистрируйте глобальный помощник шаблона:

Template.registerHelper('parentData',
    function () {
        return Template.parentData(1);
    }
);

и использовать его в ваших HTML-шаблонах как:

{{#each someRecords}}
  {{parentData.someValue}}
{{/each}}

======= EDIT

Для Meteor 1.2+ вы можете использовать:

UI.registerHelper('parentData', function() {
  return Template.parentData(1);
});

Ответ 7

Я был застрял подобным образом и обнаружил, что метод Template.parentData(), предложенный в других ответах, в настоящее время не работает в обработчиках событий (см. https://github.com/meteor/meteor/issues/5491). Пользователь Lirbank опубликовал это простейшее решение:

Передайте данные из внешнего контекста в элемент html во внутреннем контексте в том же шаблоне:

{{#each companies}}
  {{#each employees}}
    <a href="" companyId="{{../id}}">Do something</a>
  {{/each}}
{{/each}}

Теперь идентификатор компании можно получить из обработчика событий с чем-то вроде

$(event.currentTarget).attr('companyId')

Ответ 8

"click .selected":function(e){
    var parent_id = $(e.currentTarget).parent().attr("uid");
    return parent_id
  },

<td id="" class="staff_docs" uid="{{_id}}">
                                        {{#each all_req_doc}}
                                                <div class="icheckbox selected "></div>
  {{/each}}
  </td>

Ответ 9

{{#each parent}}

{{#each child}}

<input type="hidden" name="child_id" value="{{_id}}" />

<input type="hidden" name="parent_id" value="{{../_id}}" />

{{/each}}

{{/each}}

_id НЕ является _did вещи, это id родителя!