淘汰赛 - 使用foreach将检查复选框带到列表之上

Question

<div data-bind="foreach: lists">
    <div class="checkbox list-item">
        <label>
            <input type="checkbox" data-bind="checked: isSelected, click: $parent.list, disable: $parent.disableInput()"/> <span data-bind="text: note">
        </label>
    </div>
</div>

我尝试进行检查复选框以移至顶部。当我单击未选中的复选框时，它需要在顶部移动。当我单击检查复选框时，它需要向后移动。

Answer 1

您将需要一个中间对象来保存排序列表。类似：

const sorted_lists = ko.pureComputed(() => {
    return lists.sort(a => a.isSelected ? -1 : 0);
});

然后，您将指向此计算值：
＆lt; div data-bind =“ foreach：sorted_lists”＆gt; ...