6

在我的 Knockout 视图模型中,我有一些属性,我试图在其中使哈希可观察。因此,而不是我的预淘汰赛代码

self.MyHash = {};

我现在正在使用:

self.MyHash = ko.observable({});

在我的代码的其他部分,我正在使用如下语句操作哈希:

// add an entry
self.MyHash()["test"] = "My Value";

// remove an entry
delete self.MyHash()["test"];

该代码有效,因为条目被正确添加和删除。但是,观察哈希表的代码区域似乎没有检测到哈希表的更改。例如,当我更改哈希表时,这个计算的 observable 永远不会运行:

self.Querystring = ko.computed(function ()
{
    var f = [];
    $.each(self.MyHash(), function (k, v)
    {
        f.push(encodeURIComponent(k) + '=' + encodeURIComponent(v));
    });

    return (f.length > 0) ? f.join("&") : "";
});

我猜这是因为 Knockout observables 需要是简单的变量(或 observableArrays),并且它没有检测到我的哈希表的底层变化。

如果是这样,还有其他选择吗?为什么 Knockout 中没有 observableHash 类型?

对于它的价值,我的解决方法是拥有一个 observableArray 的键和一个常规的 JavaScript 哈希表来查找值。然后我改变了我的计算方法来观察键数组,而不是我之前拥有的其他哈希表变量。我只是想确保我不会错过在 Knockout 中执行此操作的“正确方法”。

self.MyHashKeys = ko.observableArray();
self.MyHash = {};

self.Querystring = ko.computed(function ()
{
    var f = [];
    $.each(self.MyHashKeys(), function (index, value)
    {
        f.push(encodeURIComponent(value) + '=' + encodeURIComponent(self.MyHash[value]));
    });

    return (f.length > 0) ? f.join("&") : "";
});
4

1 回答 1

7

请参阅可观察数组页面上的第二个示例。只需创建一个键/值对数组:

// This observable array initially contains three objects
var anotherObservableArray = ko.observableArray([
    { name: "Bungle", type: "Bear" },
    { name: "George", type: "Hippo" },
    { name: "Zippy", type: "Unknown" }
]);

在您的示例中,您只是在迭代(删除除外),因此没有真正需要使用实际的字典。只需搜索密钥就很容易了。我认为 map 的使用在某种程度上是一种过早的优化。它也不完全符合查询字符串多次支持同一个键的能力。

编辑:如果您想观察此示例中的键或值的变化,您还必须使这些属性可观察:

var anotherObservableArray = ko.observableArray([
    { name: ko.observable("Bungle"), type: ko.observable("Bear") }
]);
于 2012-04-10T00:57:42.230 回答