Метеор - группа радиостанций на нескольких записях только один выбор

Question

У меня есть приложение метеоритов, которое использует таблицу для отправки информации с моих объектов. Я использую пробелы {{#each}} для запуска объектов и отправки строк таблицы. Все это отлично работает, если только не показывать переключатели. Кажется, что все они являются частью одной большой группы и только позволяют выбирать, а не по одной таблице.

Я пробовал несколько разных вещей, но безрезультатно, чтобы каждая строка не зависела от другой.

Любые идеи о том, как обращаться с радиокнопками в метеор, используя {{#each}} в шаблоне. Ниже изображена проблема.

<td> 
         <input class="form-control box-size clearForm" type="text" name="orderChargeDescription" placeholder="Charges" /> 
        </td> 
        <td> 
         <input type="radio" name="orderWaChargeAddSub" value="ADD" checked>C 
         <input type="radio" name="orderWaChargeAddSub" value="SUB">U 
        </td> 
        <td> 
         <button type="submit" name="orderDispUp" class="btn btn-warning button-height-lp"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button> 
         <button type="submit" name="orderDispDn" class="btn btn-danger button-height-lp"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button> 
        </td> 

Answer 1

Вы можете создать помощник в JS файл шаблона для проверки, если текущее значение равно от текущего элемента массива радиокнопки и проверить его:

Template.hello.helpers({ 
    isChecked: function(currentValue, value) { 
     return currentValue === value ? 'checked' : ''; 
    } 
}); 

И в шаблоне вы можете использовать помощник для проверки или нет переключателя:

<template name="hello"> 
    <td> 
    {{#each exampleData}} 
     <input {{isChecked exampleDataItem this}} value="{{this}}" name="orderWaChargeAddSub{{this}}" type="radio"> 
    {{/each}} 
    </td> 
</template> 

Проблема, с которой вы сталкиваетесь, заключается в том, что вы используете одно и то же имя для группировки переключателей, вам нужно использовать другое имя для каждой группы переключателей. ex:

<tr> 
       <td> 
        <input class="form-control box-size clearForm" type="text" name="orderChargeDescription" placeholder="Charges" /> 
       </td> 
       <td> 
        <input type="radio" name="group1" value="ADD" checked>C 
        <input type="radio" name="group1" value="SUB">U 
       </td> 
       <td> 
        <button type="submit" name="orderDispUp" class="btn btn-warning button-height-lp"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button> 
        <button type="submit" name="orderDispDn" class="btn btn-danger button-height-lp"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <input class="form-control box-size clearForm" type="text" name="orderChargeDescription" placeholder="Charges" /> 
       </td> 
       <td> 
        <input type="radio" name="group2" value="ADD" checked>C 
        <input type="radio" name="group2" value="SUB">U 
       </td> 
       <td> 
        <button type="submit" name="orderDispUp" class="btn btn-warning button-height-lp"><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></button> 
        <button type="submit" name="orderDispDn" class="btn btn-danger button-height-lp"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button> 
       </td> 
      </tr>