4

私の KnockoutJS ビュー モデル ロジックには、現在表示されているオブジェクト (プロジェクト ビュー モデル) の観察可能な配列がありますself.currentProjects。アイテム フィルタの設定 (ユーザーがプロジェクト タイプを動的に選択) に応じself.currentProjectsて、UI がバインドされているさまざまなオブジェクトを保持します。

ビューにさまざまなプロジェクトをロードする必要がある時点で、 currentProjects を空にして、さまざまなモデルのセットをそこに入れる必要があります。問題は、それをself.currentProjects.removeAll();呼び出すと、同じモデルのセットへの参照を保持する必要がある別の監視可能な配列self.ProjectModelsも空になっているように見えることです。監視可能な配列内のオブジェクトを管理するにはどうすればよいですか? 1 つの配列から削除しても、もう一方の配列が空にならないようにするためです。

操作関連のコードは次のとおりです。

    //Another menu item is selected
    self.selectItem = function(newId) {
        self.selectedItemId(newId);
        self.currentProjects.removeAll(); //This is the point where self.ProjectModels also looses model references
        var someProjectsLoaded = false;
        jQuery.each(self.projectModels, function (i, val) {
            if (val.type == self.selectedItemId()) {
                self.currentProjects(val.models);
                var projectsPerPage = parseInt($('#ProjectsPerPage').val(), "10");
                self.page(val.models.length / projectsPerPage);
                someProjectsLoaded = true;
            }
        });
        if (!someProjectsLoaded) {
            self.page(1);
            self.LoadMoreProjects();
        }
    };

    self.LoadMoreProjects = function() {
        var getProjectsUrl = $("#GetNextProjectsUrl").val();
        $.ajax({
            url: getProjectsUrl,
            data: {
                page: parseInt(self.page(), "10"),
                type: self.selectedItemId()
            },
            beforeSend: function () {
                //$("#ajaxload").show();
            },
            success: function (result) {
                var newlyAddedModelsArray = jQuery.map(result, function (val, i) {
                    var vm = new ProjectViewModel(val, self);
                    self.currentProjects.push(vm);
                    return vm;
                });
                self.page(parseInt(self.page(), "10") + 1);
                var typeAlreadyInChache = false;
                jQuery.each(self.projectModels, function (i, val) {
                    if(val.type == self.selectedItemId()) {
                        val.models = val.models.concat(newlyAddedModelsArray); //HERE IS WHERE I SUSPECT A COPY BE REFERENCE TAKES PLACE
                        typeAlreadyInChache = true;
                    }
                });
                if(!typeAlreadyInChache) {
                    self.projectModels.push({ type: self.selectedItemId(), models: newlyAddedModelsArray });
                }
            },
            error: function () {
                $("#error").show();
            }
        });
    };
4

1 に答える 1

11

呼び出すremoveAllと、基になる配列が空になり、2 つのオブザーバブルが同じ配列への参照を持っているように見えます。

簡単な選択はcurrentProjects、 を呼び出すのではなく、空の配列に設定することremoveAllです。

self.currentProjects([]);

これで、元の配列はそのまま残ります。

于 2012-12-03T19:47:20.677 に答える