Нокаут таблицы связывания с коллапса строки

Question

У меня есть таблица, которая связана с нокаутом observableArray:

<table class="table table-hover table-condensed"> 
    <tbody data-bind="foreach: screens"> 
    <tr data-toggle="collapse" href="#collapse"> // how can i bind the individual id? 
     <td><span data-bind="text: computerName"></span> 
      <!-- ko if: supporter --> 
      <span class="label label-primary">S</span> 
      <!-- /ko --> 
     </td> 
     <td data-bind="text: computerKennung"></td> 
     <td data-bind="text: nummer"></td> 
    <tr> 
    <tr data-bind="attr: { id: 'collapse' + oid}" class="collapse"> 
     <td colspan="3"> 
      <button class="btn btn-primary" data-bind="click: edit">Edit</button> 
      <button class="btn btn-primary" data-bind="click: delete">Delete</button> 
     </td> 
    </tr> 
    </tbody> 
</table> 

Каждая строка должна быть интерактивными и свернуть дополнительную строку ниже, где я есть кнопки для действий. В соответствии с образцами бутстрапа мне нужен идентификатор, который вызывается в href-Target. Но каждая строка имеет другое значение, и я не знаю, сколько элементов в массиве.

Могу ли я связать href-Target с помощью нокаута? Есть ли лучший способ для свертывания строки таблицы с неизвестными идентификаторами?

Answer 1

Вы можете связать href таким же образом, как вы связывании id на второй строке с помощью attr binding:

<tr data-toggle="collapse" data-bind="attr: { href: '#collapse' + oid }">