Question

在我的javascript中;

var tenderStatusChoices = '@Html.Raw(Model.TenderStatusChoices)';

我得到以下数据;

var tenderStatusChoices = '
    [{
        "Disabled": false,
        "Group": null,
        "Selected": true,
        "Text": "Open",
        "Value": "Open"
    }, {
        "Disabled": false,
        "Group": null,
        "Selected": false,
        "Text": "Successful",
        "Value": "Successful"
    }, {
        "Disabled": false,
        "Group": null,
        "Selected": false,
        "Text": "Unsuccessful",
        "Value": "Unsuccessful"
    }]';

我不能使用这个JSon来填充淘汰赛中的组合框，当我这样做时会出现以下错误;

“初始化可观察数组时传递的参数必须是数组，或者为null或未定义。”

那么如何将这个Json字符串转换为ko能理解的数组呢？

填充组合的代码如下：

<select id="TenderStatus" data-bind="
    options: tenderStatusChoices,
    optionsText: 'Text',
    optionsValue: 'Value',
    value: status">
</select>

var temp = '@Html.Raw(Model.TenderStatusChoices)';
var tenderStatusChoices = JSON.stringify(eval("(" + temp + ")"));

var Tender = function () {
    this.tenderId = ko.observable("@Model.Tender.TenderId");
    this.title = ko.observable("@Html.Raw(Model.Tender.Title)");
    this.estimateNumber = ko.observable("@Model.Tender.EstimateNumber");
    this.status = ko.observable("@Model.Tender.Status");
    this.tenderStatusChoices = ko.observableArray(tenderStatusChoices);
};

ko.applyBindings(Tender);

Answer 1

您需要使用映射插件或手动循环访问数据。

this.tenderStatusChoices = ko.observableArray(JSON.parse(temp));

或使用映射插件

this.tenderStatusChoices = ko.observableArray(ko.mapping.toJS(temp));

将JSON字符串从服务器转换为可观察数组

1 个答案: