0

我正在使用 Knockout.js 编写一个简单的 Web 应用程序,但是我在完成一些应该很容易的事情时遇到了很多麻烦,但我不知道我错在哪里。我有一个 ko.observableArray,我用来自 php REST 服务器的 JSON 数据填充它。当我从这个数组中添加或删除项目时,UI 更新得很好。我也希望在编辑数组元素时更新 UI。我读到数组的元素是不可观察的,所以我试图使它们可观察,但它仍然不起作用。这是代码。(我忽略了我认为不重要的部分)

function sectionViewModel(){

    var self = this;
    self.sections = ko.observableArray();
            self.sectionToEdit = ko.observable();

        //code to initialize self.sections
    $.getJSON("sections", function(data){
         for(var i = 0; i < data.length ; i++){
             var id = ko.observable(data[i].id);
              var nome = ko.observable(data[i].nome);
             self.sections.push({id:id, nome:nome});
          }
     });



    self.confirmEdit = function(){
        $.ajax({
            url: 'sections/' + self.sectionToEdit().id,
            type: 'PUT',
            data: self.sectionToEdit().nome,
        });
    }

};

var debug = new sectionViewModel();
ko.applyBindings(debug);

如果我不在 $.getJSON 中执行 for ,则此代码有效,但使用它,我会收到以下错误:在我触发 confirmEdit 函数时,Object [object global] has no method 'disposeCallback' from knockout.js。PUT 请求也没有执行,我不知道为什么。非常感谢任何帮助,谢谢!

4

1 回答 1

3

因为nome是一个可观察的,你必须在你的函数中解开它:

self.confirmEdit = function(){
    $.ajax({
        url: 'sections/' + self.sectionToEdit().id,
        type: 'PUT',
        data: self.sectionToEdit().nome(),
    });
}

否则,jQuery 将 observable 视为对象映射,包括调用对象上的所有函数。

于 2013-11-08T00:21:12.577 回答