从表填充textarea

Question

我有一个从Knockout.JS可观察数组生成的表。 如您所见，在每一行中，我在称为模态的最后一列中都有一个引导按钮。 在模式中，我具有要用所选行填充的文本区域。 我已经尝试过data-bind =“ value：Number”，但不会填充模式。 有什么建议吗？

<tbody data-bind="foreach: notes" >
    <tr>
        <td data-bind="text: Number"></td>
        <td data-bind="text: Date"></td>
        <td data-bind="text: Time"></td>
        <td data-bind="text: User"></td>
        <td><a data-toggle="modal" data-target="#editnotemodal" class="btn btn-xs btn-default">Edit <span class="glyphicon glyphicon-edit"></span></a></td>
    </tr>
</tbody>

Answer 1

如果我是你，我将使模态的上下文取决于选定行ko.observable之类的东西。 这将允许您动态共享上下文。 一个例子 -

您认为-

<tbody data-bind="foreach: notes" >
    <tr data-bind="click: setActiveRow">
        <td data-bind="text: Number"></td>
        <td data-bind="text: Date"></td>
        <td data-bind="text: Time"></td>
        <td data-bind="text: User"></td>
        <td><a data-toggle="modal" data-target="#editnotemodal" class="btn btn-xs btn-default">Edit <span class="glyphicon glyphicon-edit"></span></a></td>
    </tr>
</tbody>
<div class="modal" data-bind="with: activeRow">
    <h2 data-bind="text: User"></h2>
    <textarea data-bind="value: Number" />
</div>

在您的视图模型中-

var activeRow = ko.observable();

function setActiveRow (sender) {
    activeRow(sender);
}

现在，只要您有一个activeRow并且模态正在显示，它就会正确地数据绑定回到表行。