DevExtreme React - Change Options
IMPORTANT
According to Stack Overflow Trends, MVVM frameworks such as Angular, Vue, and React became more popular than Knockout in recent years. DevExtreme will continue to support Knockout but we recommend that you use one of these frameworks in your new projects.
To change a widget option, 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 widget 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
- API Reference.WidgetName.Configuration, for example, API Reference.CheckBox.Configuration
- Create and Configure a Widget
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.