Блог

Я пытаюсь передать идентификатор из href в модальный, который открывается при нажатии на ссылку.

У меня модальный вывод в порядке, но вместо идентификатора в ссылке я получаю идентификатор родительской страницы в этом.

Мой код для ссылки

  <table class="table table-striped table-condensed">
   <tbody
           <tr>
               <th>Posted</th>
               <th>ID</th>
           </tr>
           {{#each quotes}}
               <tr>
                  <td>{{submittedText}}</td>
                  <td><a href="#showQuote" class="showQuote" data-toggle="modal">{{_id}}</a></td>
               </tr>
           {{/each}}
  </tbody>
  

Правильный идентификатор цитаты указан в таблице, но я не могу понять, как заставить этот идентификатор цитаты отображаться в открывающемся результирующем модале.

Я попытался перехватить событие click в вспомогательном устройстве следующим образом

   'click #showQuote' : function(t,e) {
    console.log(this);
    console.log(t);
    console.log(e);
    debugger;
  }
  

Но это родительский идентификатор, а не цитируемый (и, похоже, это срабатывает только тогда, когда я все равно закрываю диалог).

Как мне передать это, пожалуйста?

Переменная сеанса — один из способов сделать это, но если вы используете пакет peppelg:bootstrap-3-modal, вы можете передать родительский контекст в функцию show.

javascript

 Template.template_with_modal_link.events({
    'click . showQuote': function() {
         Modal.show('<ModalName>', this);    // parent context this
 } });
  

HTML

 <template name="<ModalName>">
    <!-- modal format -->
</template>
  

Если вы уже внедрили код для отображения модального режима, вы могли бы использовать переменную сеанса

 <template name="modalstuff">
    ...
   {{#with quoteinfo}}
      MODAL HERE   
      ...
   {{/with}}
</template>

Template.modalstuff.helpers({
    quoteinfo: function() {
        return Session.get("quotedata");
    }
});
  

Затем в вашем шаблоне, где у вас есть ссылка

 Template.template_with_modal_link.events({
    'click . showQuote': function() {
         Session.set('quotedata', this);
     }
});
  

this является ли контекст данных вокруг ссылки showQuote, которая затем будет связана с переменной сеанса с модальным