0

我正在尝试使用敲除和通过 ajax 调用检索的数据来更新下拉列表。通过单击刷新链接触发 ajax 调用。首次呈现页面时，下拉列表已成功填充。但是，单击刷新会导致清除下拉列表，而不是重新填充新数据。

html:

<select data-bind="options: pages, optionsText: 'Name', optionsCaption: 'Select a page...'"></select> 
<a id="refreshpage">Refresh</a>

脚本：

var initialData = "[{"Id":"231271443653720","Name":"Car2"},{"Id":"439319486078105","Name":"Electronics1.2"},{"Id":"115147185289433","Name":"Product"},{"Id":"145033098963549","Name":"Product2"}]";
var viewModel = {
    pages : ko.mapping.fromJS(initialData)
};

ko.applyBindings(viewModel);


$('#refreshpage').click(function() {
    $.ajax({
        url: "@Url.Action("GetPageList", "FbWizard")",
        type: "GET",
        dataType: "json",
        contentType: "application/json charset=utf-8",
        processData: false,
        success: function(data) {
            if (data.Success) {
                ko.mapping.updateFromJS(data.Data);
            } else {
                displayErrors(form, data.Errors);
            }
        }
    });
});

来自ajax调用的数据：

{
  "Success": true,
  "Data": "[{"Id":"231271443653720","Name":"Car2"},{"Id":"439319486078105","Name":"Electronics1.2"},{"Id":"115147185289433","Name":"Product"},{"Id":"145033098963549","Name":"Product2"}]"
}

我究竟做错了什么？

4

1 回答 1

0

您遇到的问题是您没有告诉映射插件要定位什么。假设如何知道您传递的数据应该映射到页面集合。

这是您的代码的简化版本，它告诉映射什么目标。

顺便说一句，initialData 和 ajax 结果是相同的，所以如果它起作用了，你就不会注意到变化。

http://jsfiddle.net/madcapnmckay/gkLgZ/

var initialData = [{"Id":"231271443653720","Name":"Car2"},{"Id":"439319486078105","Name":"Electronics1.2"},{"Id":"115147185289433","Name":"Product"},{"Id":"145033098963549","Name":"Product2"}];

var json = [{"Id":"231271443653720","Name":"Car2"},{"Id":"439319486078105","Name":"Electronics1.2"},{"Id":"115147185289433","Name":"Product"}];

var viewModel = function() {
    var self = this;

    this.pages = ko.mapping.fromJS(initialData);

    this.refresh = function () {
         ko.mapping.fromJS(json, self.pages);
    };
};

ko.applyBindings(new viewModel());

我删除了 jquery 点击绑定。是否有任何理由需要使用 jquery click 绑定而不是 Knockout 绑定？如果可能，不建议将两者混合使用，它会稀释 KO 擅长执行的关注点分离。

希望这可以帮助。

于 2012-05-18T22:40:14.397 回答