CODEWITHSUNDEEP
validationknockout.jsknockout-validationcomputed-observable
czclk
czclk

Reputation: 157

How to get the observable property's value in the computed property in Knockout-Validation

I use the Knockout-Validation framework to validate the viewModel.

I have a viewmodel defined following:

ko.validation.init({
    decorateElement:true,
    errorElementClass: 'invalid',
    insertMessages: false
});

var viewModel = ko.validatedObservable({
    propety1: ko.observable().extend({ required: true }),
    propety2: ko.computed(function () {
        return this.propety1();
    }, this),
    form_onsubmit: function(form) {
        console.log(this.propety1());
        return false;
    }
});


$(function () {
    ko.applyBindings(viewModel);
});

it can get the property1's value in the form_onsubmit function, but it does't not work in the computed property "property2".

how to solve it, thanks!!!!!!!!!

Upvotes: 0

Views: 3621

Answers (1)

nemesv
nemesv

Reputation: 139748

When using object literals you need to define your computed properties separately:

var viewModel = ko.validatedObservable({
    propety1: ko.observable().extend({ required: true }),    
    form_onsubmit: function(form) {
        console.log(this.propety1());
        return false;
    }
});
viewModel().propety2 = ko.computed(function () {
        return this.propety1();
}, viewModel());

Simply passing this as the second argument is not enough because it will refer to the global window object and not the object literal itself.

Upvotes: 1

Related Questions