无法使用Knockout从Json创建对象

时间:2014-07-09 23:27:59

标签: javascript json model-view-controller mvvm knockout.js

好的,方案是我有一个对象列表,它本身包含一个对象列表。我试图将外部对象放在我的View-Model中的列表中,并且我试图将内部对象转换为我创建的具有额外属性的模型的对象,如此 -

function Tag(data, isChecked) {
    var TagId = ko.observable(data.TagId);
    var Description = ko.observable(data.Description);
    var IsActive = ko.observable(data.IsActive);
    var checked = ko.observable(isChecked)
}

以下是我的表现方式。

   $.each(parentTags, function (i, tag) {
    var tempTag = tag[i];
    for (Object in tag.ChildTags)
    {
        var checked = false;
        for(checkedItem in savedTags)
        {
            if(tag.ChildTags[Object].TagId === savedTags[checkedItem])
            {
                checked = true;
            }
        }
        //var tempChild = new Tag(tag.ChildTags[Object], checked);
        tempTag.ChildTags.push(new Tag(tag.ChildTags[Object], checked));
    }
    viewModel.ModelTags.push(tempTag);
});

parentTags = [[object Object],[object Object],[object Object],[object Object],[object Object],]

我对json和淘汰赛一点都不陌生。任何帮助,将不胜感激。

这就是我现在所拥有的,似乎正在发挥作用。

    $.each(parentTags, function (i, tag) {
    var tempTag = new Tags(JSON.parse(JSON.stringify(tag)));
    tempTag.ChildTags().length = 0;

    for (Object in tag.ChildTags) {
        var checked = false;
        for (checkedItem in savedTags) {
            if (tag.ChildTags[Object].TagId === savedTags[checkedItem]) {
                checked = true;
            }
        }

        tempTag.ChildTags().push(new Tag(tag.ChildTags[Object], checked));
    }
    viewModel.ModelTags().push(tempTag);
});

1 个答案:

答案 0 :(得分:1)

你在var tempTag = tag[i];做什么?变量tag已经是parentTags的第i个成员。

如果我理解正确的话,试试这个:

function Tag(data, isChecked) {
   // not "var TagId", please.
   this.TagId = ko.observable(data.TagId);
   this.Description = ko.observable(data.Description);
   this.IsActive = ko.observable(data.IsActive);
   this.checked = ko.observable(isChecked);
}

$.each(parentTags, function (i, tag) {
    // map each child tag into a Tag object
    var tags = $.map(tag.ChildTags, function(cTag) {
        return new Tag(cTag, $.inArray(cTag.TagId, savedTags));
    });

    // replace with Tag objects
    tag.ChildTags = tags;

    // push modified tag onto vm
    viewModel.ModelTags.push(tag);
});