A newer version of this page is available. Switch to the current version.

DevExtreme jQuery - 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