1

我正在建立一个 SPA，一切进展顺利。它有多个动态构建的视图模型，并且可以有多个相同类型的，即您可以打开两个计算器，每个计算器都有自己的模型，绑定到页面上的特定 div。

最近我意识到有几个视图模型从 Web 服务请求相同的数据，并且每 30 秒 - 1 分钟循环一次。因此，每 30 秒多次进行相同的服务调用，但返回相同的信息。

所以我想弄清楚的是如何创建一个“全局”observableArray，多个视图模型可以被通知更改和更新，而不是自己做，这也有助于确保页面上的数据是一致的。

我希望我可以做类似的事情：

var GlobalData = (function() {
    var commonData = ko.observableArray();
    setInterval(function() {...go get data...commonData(data);}, 30000);
    return {CommonData:commonData}
})();

ko.applyBindings(GlobalData, $('#RandomLonelyDiv')[0]);

然后稍后

function Calculator(element){
    function init() { ko.applyBindings(calculator, $(element)[0]); }
    var calculator = {
        CommonData = GlobalData.CommonData
    }
    return calculator;
}

如果它有助于我没有包含所有其他视图模型的 MainViewModel 的唯一原因是因为坦率地说我不知道​​如何为我的环境设置它。

我有一个 AppViewModel，其中包含一个名为 Windows 的 ko.observableArray，其中包含定义选项/信息以构建某些窗口类型的对象。

<!-- ko template:{name:'WindowTemplate', foreach:SelectedTab().Windows} --><!-- /ko -->

然后我有一个自定义 Window 绑定，它创建了一个修改后的 kendoWindow，它创建了一个特定类型的新视图模型，例如计算器，就像我说的那样，你可以同时拥有多个计算器。但是当我开始这个时，我并不确定如何将该视图模型放入我的 AppViewModel 中。也许它只是另一个数组？

4

2 回答 2

3

听起来您真正需要的是“Pub/Sub”模型。这将允许您发布和订阅不知道其生成或目的地的消息。查看https://github.com/postaljs/postal.js/wiki。

于 2013-09-27T16:12:18.400 回答
2

我相信这可能是您正在寻找的：http: //jsfiddle.net/xSKyR/474/

您可以像这样订阅另一个视图模型的可观察对象..

var ViewModel1 = function () {
    var self = this;
    self.something1 = ko.observable("1");
    self.clickMe = function (data, event) {
        self.something1("2");
    };
};
var ViewModel2 = function () {
    var self = this;
    self.something2 = ko.observable();
    vm1.something1.subscribe(function (newValue) {
        self.something2(newValue);

    });
};
var vm1 = new ViewModel1();
var vm2 = new ViewModel2();
ko.applyBindings(vm1, document.getElementById("vm1"));
ko.applyBindings(vm2, document.getElementById("vm2"));
于 2014-02-02T19:21:11.527 回答