Knockout Sortable -如何知道可排序列表已更新

Knockout Sortable 是一个基于 Knockout.js 的插件，用于实现可排序列表的功能。当可排序列表发生更新时，可以通过以下方式来知道：

1. 使用 Knockout.js 的观察者模式：Knockout.js 提供了一种观察数据变化的机制，称为可观察对象（Observable）。在可排序列表发生更新时，可以使用可观察对象来监听列表的变化，并在变化发生时执行相应的操作。具体可以通过在列表数据模型中定义可观察数组（Observable Array），并使用 Knockout.js 提供的订阅函数（subscribe）来监听数组的变化。
2. 使用 Knockout Sortable 提供的回调函数：Knockout Sortable 插件提供了一些回调函数，可以在列表排序发生变化时触发。其中，最常用的回调函数是 onEnd，它会在拖拽排序结束时被调用。通过在 onEnd 回调函数中执行相应的操作，可以得知可排序列表已更新。

下面是一个示例代码，演示如何使用 Knockout Sortable 插件并监听可排序列表的更新：

// HTML
<ul data-bind="sortable: { data: items, afterMove: onEnd }">
    <!-- 使用 Knockout.js 的 foreach 绑定来循环渲染列表项 -->
    <li data-bind="text: $data"></li>
</ul>

// JavaScript
function ViewModel() {
    var self = this;
    self.items = ko.observableArray(['Item 1', 'Item 2', 'Item 3']);

    self.onEnd = function (event) {
        // 在拖拽排序结束时执行的操作
        console.log('可排序列表已更新');
        console.log(self.items());
    };
}

ko.applyBindings(new ViewModel());

在上述示例中，我们使用了 Knockout Sortable 插件的 sortable 绑定来实现可排序列表的功能。通过在 sortable 绑定中指定 data 属性为可观察数组 items，并将 onEnd 回调函数传递给 afterMove 属性，当拖拽排序结束时，onEnd 回调函数会被触发。在 onEnd 回调函数中，我们可以执行相应的操作，例如打印更新后的列表项。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供弹性计算能力，可满足各类业务场景的需求。详情请参考腾讯云云服务器产品介绍。
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于存储和处理各类非结构化数据。详情请参考腾讯云对象存储产品介绍。