javascript - 从 knockoutjs 模型更改可观察值

Question

我觉得这很简单...我有一个像这样的 knockoutjs View 模型:

UserModel = function(user) {
    // ...
    this.Permissions = new PermissionsModel(user.Permissions);
    this.fullAccessValue = ko.observable(false);


    // if the permissions change
    $.each(self.Permissions, function(i, item) {
        item.subscribe(function() {
            if (self.allStoresSelected() && self.allPermissionsSelected()) {
                userModel.fullAccessValue = ko.observable(true);
                $('#savFullAccessCheck').prop('checked', true);
            } else {
                userModel.fullAccessValue = ko.observable(false);
                $('#savFullAccessCheck').prop('checked', false);
            }
        });
     });

};

我要做的事:
我有一个带有复选框(权限)和另一个复选框(完全访问权限)的列表。现在，当选中所有权限复选框时，必须选中完全访问权限。如果没有全部勾选，则 fullAccess 必须取消勾选。

否则，当我选中 fullAccess 复选框时，必须选中所有其他复选框。

复选框的权限如下所示:

var PermissionsModel = function(permissions) {
    var self = this;
    self.Access1 = ko.observable(permissions.Access1);
    self.Access2 = ko.observable(permissions.Access1);
    // ...
};


userModel = new UserModel();
ko.applyBindings(userModel, $('#savBottomWrap')[0]);

简而言之:我的问题是如何使用 javascript 更新可观察值!？

这实际上行不通:

userModel.fullAccessValue = ko.observable(false);
$('#savFullAccessCheck').prop('checked', false);

Answer 1

我帮助了另一个人，你需要使用计算

http://jsfiddle.net/AneL9/

self.SelectAll = ko.computed({
    read: function() {
        var item = ko.utils.arrayFirst(self.People(), function(item) {
            return !item.Selected();
        });
        return item == null;           
    },
    write: function(value) {
        ko.utils.arrayForEach(self.People(), function (person) {
            person.Selected(value);
        });
    }
});

knockoutjs deselect/select all checkboxes when one or more items deselected