0

我试图在它的 subscribe 方法中读取 observable 的值,它总是返回一个对象而不是应该是什么值(真或假)。

查看小提琴或下面的代码:http: //jsfiddle.net/StrandedPirate/WP3s9/

我想要的只是 observableArray 中的一个项目一次将其isSelected属性设置为 true。如果有另一种方法可以在没有循环或订阅的情况下做到这一点,请告诉我,但这是我最终的结果。

var menuViewModel = (function () {
    function _constructor(error, details) {
        var self = this;
        self.items = ko.observableArray();

        // add the menu items
        self.items.push(new menuItemModel("Dashboard"));
        self.items.push(new menuItemModel("Content Management"));

        self.handleIsSelectedChange = function (item) {
            // issue: item.isSelected() returns [object Object] instead of true/false
            console.log("inside subscription function: " + item.title() + ", isSelected: " + item.isSelected());

            // this fails because it doesn't return true/false it returns returns [object Object]
            if (item.isSelected() === true) {
                console.log("subscription fired: " + item.title());
                // de-select all other items
                ko.utils.arrayForEach(self.items(), function (subItem) {
                    if (subItem.title() !== item.title()) {
                        console.log("deselecting: " + subItem.title());
                        subItem.isSelected(false);
                    }
                });
            }
        };

        self.subscribeToItems = function () {
            console.log("subscribeToItems called");
            ko.utils.arrayForEach(self.items(), function (item) {
                console.log("title: " + item.title() + ", isSelected: " + item.isSelected());
                item.isSelected.subscribe(function (currentItem) {
                    self.handleIsSelectedChange(currentItem);
                });
            });
        };
    };

    return _constructor;
})();

var menuItemModel = (function () {
    function _constructor(title, icon) {
        var self = this;
        self.title = ko.observable(title || "");
        self.icon = ko.observable(icon || "");
        self.isSelected = ko.observable(false);
    };
    return _constructor;
})();


var menuVM = new menuViewModel();
menuVM.subscribeToItems();
ko.applyBindings(menuVM, $(".mainMenu").get(0));
4

1 回答 1

1

当您绑定时click: isSelected,这将调用您的函数,将当前数据项作为第一个参数传递。

因为,isSelected是一个可观察的,传递第一个项目会将其设置为该值。因此,isSelected成为对象本身。

您可能希望toggleSelected在您的项目上创建一个功能this.isSelected(!this.isSelected())

订阅传递了新值,因此在您的情况下为 true/false,但看起来您想要对项目本身进行操作。

这是一个示例,当订阅被触发时,我们仍然将项目传递给您的处理程序。

http://jsfiddle.net/rniemeyer/WP3s9/31/

另一种选择可能是将处理程序的上下文设置为您的项目并this在处理程序中使用。像:http: //jsfiddle.net/rniemeyer/WP3s9/32/

于 2012-11-10T13:46:20.250 回答