2

我有一个带有可观察用户对象数组的视图模型设置。项目的添加/删除工作正常，但如何更新项目？我可以使用 ko indexOf 函数找到值。

function User( username, date_inactive, date_active ) {
    this.username = username;
    this.date_active = date_active;
    this.date_inactive = date_inactive;
};  

User.prototype.inactivateMe = function() {
    json_responses.push( this );
    $.getJSON( "url" + this.username, function( json ) {
        original = json_response.pop();
        //do update here
    });
};

userModel = [  ], //Where the loaded usernames are stored. 

viewUserModel = {
    users: ko.observableArray(userModel)
    //.......

    //This is how I'm adding users to the array.
addUser: function () {
    $.getJSON( "url", 
    { username: usern }, 
        function( json ) { 
            if( json.STATUS != undefined && json.STATUS == 'success' ) {
                newuser = new User( json.USERNAME, json.DATE_ACTIVE, json.DATE_INACTIVE  );
                viewUserModel.users.push( newuser );            
            }
        }
    });
    }

viewUserModel.users 的值从服务器 json 响应推送到数组中。

当用户单击按钮并且服务器响应成功时，我希望能够更新 date_active 和 date_inactive 值。

我的设置是改编自http://net.tutsplus.com/tutorials/javascript-ajax/into-the-ring-with-knockout-js-the-title-fight/

4

1 回答 1

2

可观察数组仅跟踪对数组所做的更改（例如推送和弹出），而不是数据本身。您将需要按照@Ianzz 指定的方式进行制作date-active和观察。date_inactive

function User( username, date_inactive, date_active ) {
    this.username = username;
    this.date_active = ko.observable(date_active);
    this.date_inactive = ko.observable(date_inactive);
};

然后在你的html中，做一些事情，比如

<div data-bind="foreach: Users">
    <input data-bind="value: date_active"/>
    <input data-bind="value: date_inactive"/>
<div>​

有关完整示例，请参见小提琴。

于 2012-09-26T21:18:43.103 回答