KnockoutJS:嵌套ko.observableArray

Question

我正在尝试确定构建应用程序的最佳方式，但我有点困惑。我希望我的基本结构是这样的：

banners (ko.observableArray)
   - banner 
       - previewURLs (ko.observableArray)

我创建"banner“的方法是将它定义为一个类，如下所示：

// define a "banner" class
function banner(inventory, name, advertiser, artType, artSize, previewURLs) {
    return {
        inventory : ko.observable(inventory),
        name : ko.observable(name),
        advertiser : ko.observable(advertiser),
        artType : ko.observable(artType),
        artSize : ko.observable(artSize),
        previewURLs : ko.observableArray(previewURLs),

        // track if our banner is selected
        isSelected : ko.observable(false),  
    };
};

这是正确的方法吗？我不确定如何将“previewURL”数组“嵌套”到横幅本身中。我尝试过上面的方法，但似乎不起作用。

然后在我的viewModel中：

var viewModel = {
    selectAll: ko.observable(false),
    banners : ko.observableArray([
        new banner("network", "Banner #1", "Target and Friends", "3rd Party", "300x250"), 
        new banner("oo", "Banner #2", "IBM", "Flash", "720x90")
    ]),
    previewURLs : ko.observableArray([
        new previewURL("test site #1", "http://www.google.com"),
        new previewURL("test site #2", "http://www.google.com")
    ]),
    addBanner : function() {
        this.banners.push(new banner("network", "Banner"));
    }
};

总的来说，我只是对如何构建它感到困惑。我以前从未使用过任何MVVM或MVC结构，所以这对我来说是全新的。

我的想法是，我可以通过像banners.banner.previewURL(1)这样的操作来访问我的横幅预览may，但我的想法可能与此相去甚远。

我可以在新横幅的定义中定义一个新的previewURL吗？

Answer 1

我认为你的想法是对的。但是，在创建viewModel对象之前，不能访问viewModel.previewURLs。您可能希望将预览your传递给banner构造函数，或者将预览your存储在先前定义的变量中，该变量可以在banner构造函数中访问。

在此处传入预览here的示例：http://jsfiddle.net/rniemeyer/bZhCk/