jquery - Knockout.js 表和按需下拉列表

Question

我有一个淘汰表，在我的代码中显示一些数据，它看起来像这样。

<tbody data-bind="foreach: currentList">
    <tr>
        <td data-bind="text: someString, click: getDetails"></td>
        <td data-bind="text: someOtherString, click: getList"></td>
    </tr>
</tbody>

现在这显示了两列，在第二列中，我希望它最初显示为纯文本，没有下拉菜单。我希望能够单击第二列中的字段并动态创建一个下拉列表，其中包含我存储的数据列表。我完全不知道如何用 jquery 和淘汰赛来完成这个，任何帮助将不胜感激！

Answer 1

您可能在单元格中有更多内容，并使用“if”绑定来显示标志何时设置为 true：

<tbody data-bind="foreach: currentList">
    <tr>
        <td data-bind="text: someString, click: getDetails"></td>
        <td data-bind="text: someOtherString, click: getList">
            <div data-bind="if: showDropdown, template: { name: 'options-template', data: $root.options}">
            </div>
        </td>
    </tr>
</tbody>

所以 getList 函数只会将 showDropdown 属性设置为 true。将此单击事件绑定到单元格本身可能不是一个好主意，因为此单元格内的每次单击都会触发此事件。

对于下拉选项，您可以使用视图模型根目录上的模板和数据作为选项属性。这只是一个示例。