Knockout.js KnockoutJS-可从另一个modelview中观察到的更新

我有一个现有的

ComposePopupView（）

modelview，其中包含可观察的

this.attachments = ko.observableArray([]);

下面是一个方法

ComposePopupView.prototype.addDropboxAttachment = function (oDropboxFile)
{
    var
        oAttachment = null,
        iAttachmentSizeLimit = Utils.pInt(Settings.settingsGet('AttachmentLimit')),
        mSize = oDropboxFile['bytes']
    ;

    oAttachment = new ComposeAttachmentModel(
        oDropboxFile['link'], oDropboxFile['name'], mSize
    );

    oAttachment.fromMessage = false;
    oAttachment.cancel = this.cancelAttachmentHelper(oDropboxFile['link']);
    oAttachment.waiting(false).uploading(true).complete(false);

    this.attachments.push(oAttachment);

    this.attachmentsPlace(true);

    if (0 < mSize && 0 < iAttachmentSizeLimit && iAttachmentSizeLimit < mSize)
    {
        oAttachment.uploading(false).complete(true);
        oAttachment.error(Translator.i18n('UPLOAD/ERROR_FILE_IS_TOO_BIG'));
        return false;
    }

    Remote.composeUploadExternals(function (sResult, oData) {

        var bResult = false;
        oAttachment.uploading(false).complete(true);

        if (Enums.StorageResultType.Success === sResult && oData && oData.Result)
        {
            if (oData.Result[oAttachment.id])
            {
                bResult = true;
                oAttachment.tempName(oData.Result[oAttachment.id]);
            }
        }

        if (!bResult)
        {
            oAttachment.error(Translator.getUploadErrorDescByCode(Enums.UploadErrorCode.FileNoUploaded));
        }

    }, [oDropboxFile['link']]);

    return true;
};

但它抛出了一个错误

无法读取未定义的属性“附件”

然后我决定添加可观察的

this.attachments = ko.observableArray([]);

到了我的modelview，然后就累了

this.attachment.push(oAttachment);

其中，

oAttachment

是从

aFiles

数组中获取的对象，但我仍然得到相同的错误

我的问题是，如何或者甚至是否可以从一个执行另一个modelview的modelview更新可观察的

附件

附言。 当我在

ComposePopupView（）中执行下面的代码时，它工作正常

var aFiles = [JSON.parse('{"isDir": false,  "name": "koala.jpg", "bytes": 780831,"link": "http://localhost/data/koala.jpg","id": "id:UxmT1S5QcFAAAAAAAAAACw"}')];

if (aFiles && aFiles[0] && aFiles[0]['link'])
{
  console.log("Test");
  self.addDropboxAttachment(aFiles[0]);
}

因此，在这种情况下，如何将数据
a文件
从
UsersDocumentsPopupView（）
传递到
ComposePopupView（）
modelview？
附件
是
ComposePopupView
实例上的属性

addDropboxAttachment
是
ComposePopupView
原型上的一种方法，必须通过引用
ComposePopupView
的
实例的
上下文调用该方法才能工作

有几种方法可以解决这个问题。例如：


很可能：您尚未创建实例：

DropBox = __webpack_require__(/*! View/Popup/Compose */ 31);
const dropBox = new DropBox();
dropBox.addDropboxAttachment(aFiles[0]);


很可能：您已经创建了一个实例，但无法访问它：在构造函数中传递对要引用的实例的引用

您是否只打算创建一个
ComposePopupView
实例？看看“单身”模式。例如：

// "Private" to the module
const MySingletonClass = function() { /* ... */ }
MySingletonClass.prototype.someMethod = function () { };

let singletonInstance = null;

// Only expose a way to get the instance:
export const getSingletonInstance = function() {
  if (!singletonInstance) singletonInstance = new MySingletonClass();
  return singletonInstance;
}

// In another module:
import { getSingletonInstance } from "./MySingletonClass";

const dropBox = getSingletonInstance();
dropBox.someMethod(aFiles[0]);


是否计划创建多个共享
附件
数据的实例？将其设置为静态值

我最终使用了Knockout的发布/订阅功能

基本示例如下：

var postbox = ko.observable();

function MyModalViewA()
{
    var _self = this;
    var test = new Array();
    _self.rows = ko.observableArray([]);

    postbox.subscribe(function(newValue) {         
          _self.rows.push(newValue);
          //test = test.concat(newValue);
          console.log("Rows " + JSON.stringify(test));
      }, null, "NewRowAvailable"
      );
};

function MyModalViewB()
{
    var _self = this;

    _self.search = function() {

        var newRow = JSON.parse('{ "label" : "abc" }');
        postbox.notifySubscribers(newRow, "NewRowAvailable");      
    };
};

var vma = new MyModalViewA();
ko.applyBindings(vma, $("#vma").get(0));

var vmb = new MyModalViewB();
ko.applyBindings(vmb, $("#vmb").get(0));

第一个视图模型订阅特定主题，第二个视图模型通过该主题的邮箱进行通知。彼此之间没有直接的依赖关系

当然，邮箱不需要是全局的，可以传递到视图模型构造函数中，或者只是在自执行函数中创建

样本：

此外，邮箱可以是一个
ko.subscribable（）
（包含在ko.observeable函数中）。
感谢您的回复。我曾尝试使用PubSub更新它，但我运气不好，在这里发布了我的帖子，当我首先清醒过来时，我会看看你的例子；）好的，我已经尝试使用单例的
ComposePopupView
，但不知何故，我无法让它在Rainloop现有代码中正常工作。然后我采取共享
附件
数据的方法-能够在我的模式中获得
ComposePopupView
的工作实例，
附件
用我的数据更新，但是
ComposePopupView
的视图没有用新的可观察数据更新（预计将根据可观察的数组显示附件的数量）。另外，通过使
附件
数据保持静态，您有什么想法？好吧，我的模式试图更新
UsersDocumentsPopupView（）
的视图，而不是更新
ComposePopupView（）的视图
。有什么方法可以做到这一点吗？有很多方法可以在viewmodels之间传递引用。如果你链接到一个可运行的代码段，我可能会有所帮助，但如果没有更多的上下文，这是很难解决的。完整的应用程序代码在这里：KnockoutJS部分位于static/js/app.js中，作为
查看/弹出/撰写
模块。
var postbox = ko.observable();

function MyModalViewA()
{
    var _self = this;
    var test = new Array();
    _self.rows = ko.observableArray([]);

    postbox.subscribe(function(newValue) {         
          _self.rows.push(newValue);
          //test = test.concat(newValue);
          console.log("Rows " + JSON.stringify(test));
      }, null, "NewRowAvailable"
      );
};

function MyModalViewB()
{
    var _self = this;

    _self.search = function() {

        var newRow = JSON.parse('{ "label" : "abc" }');
        postbox.notifySubscribers(newRow, "NewRowAvailable");      
    };
};

var vma = new MyModalViewA();
ko.applyBindings(vma, $("#vma").get(0));

var vmb = new MyModalViewB();
ko.applyBindings(vmb, $("#vmb").get(0));