javascript - 在 1 个列表和 1 个元素之间交换数据信息

Question

我有两个(或 n 个)主要部分，单击每个部分时都会显示 6 个小节的列表，其中一个显示在主要内容区域中，另外 5 个在底部仍然可见。

当您单击其他 5 个链接之一时，应该交换内容(图像 + 标题)，并且主要内容部分现在应该包含来自单击的链接的数据以及链接内容中的信息。

所以小节列表应该能够改变位置。

我是 Knockout.js 的新手，我想通过某种方式来实现这一点，但是当涉及到最佳实践时，我希望得到正确的方向，这样我就可以从一开始就有一个好的代码项目。

Answer 1

查看 foreach 的文档和 template绑定(bind)会很有帮助。

我将创建一个可以在 n 个主要部分重用的函数。该函数将有一个 ko.observableArray ，其中包含各部分的函数。当您单击某个部分时，它会将 ko.observable 的值设置为该部分。

    function MainSection() {
    var self = this;
    self.selectedSection = ko.observable();
    self.sections = ko.observableArray(
        [
            new Section("Some Data"),
            new Section("Some Data"),
            new Section("Some Data"),
            new Section("Some Data"),
            new Section("Some Data"),
            new Section("Some Data")
        ]);
    self.selectSection = function(item) { //where item is a Section
        self.selectedSection(item);       //passed from the click binding
    };
}