Help us shape the 2021 DevExtreme Roadmap. Take our 5 minute survey.
Dismiss

Change Options

To be able to change a UI component property, declare its value an observable.

JavaScript
var viewModel = {
    checkBoxOptions: {
        // ...
        value: ko.observable(true)
    }
};

viewModel.changeObservables = function () {
    viewModel.checkBoxOptions.value(false);
};

ko.applyBindings(viewModel);

Now, if you change an observable in code, the UI component will receive the changes and update the UI. And vice versa, if a user changes something in the UI, the observable gets updated.

NOTE
Options containing array and specified on the second (or further) level of the configuration object cannot be made observable.
See Also