Knockout表绑定与折叠行

时间:2015-08-14 09:36:47

标签: html5 twitter-bootstrap knockout.js

我有一个绑定到淘汰赛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>

每一行都应该是可点击的并折叠下面的另一行,其中我有行动按钮。根据bootstrap样本,我需要一个id,在href-Target中调用。但是每行都有不同的oid,我不知道阵列中有多少项。

我可以通过Knockout以任何方式绑定href-Target吗?有没有更好的方法来折叠具有未知ID的表格行?

1 个答案:

答案 0 :(得分:1)

您可以使用href绑定id,方法是使用attr binding绑定第二行的<tr data-toggle="collapse" data-bind="attr: { href: '#collapse' + oid }">

    Sock = new Socket(IP.AddressFamily, SocketType.Stream, ProtocolType.Tcp);
    SocketPermission permission = new SocketPermission(NetworkAccess.Accept, 
      TransportType.Tcp, IP.ToString(), m_Port);
    //IP = IPAddress.Parse("0.0.0.0");
    IP_EndPoint = new IPEndPoint(IP, m_Port);