Widget Options

NOTE
In this article, the CheckBox widget is used to change Form options. This choice is made for purely demonstrational purposes, and you can do the same operations using another widget following the same guidelines.

To change the Form configuration at runtime, use the option(optionName, optionValue) method.

JavaScript
$(function() {
    var form = $("#formContainer").dxForm({
        formData: {
            firstName: "John",
            lastName: "Heart",
            phone: "+1(213) 555-9392",
            email: "jheart@dx-email.com"
        }
    }).dxForm("instance");

    $("#checkBoxContainer").dxCheckBox({
        text: 'Disable the Form',
        value: false,
        onValueChanged: function (e) {
            form.option("disabled", e.value);
        }
    });
});
See Also