DevExtreme React - Change Options

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

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.

See Also

• API Reference.WidgetName.Configuration, for example, API Reference.CheckBox.Configuration
• Create and Configure a Widget