Nativescript Raddataform中的禁用按钮

import { RadDataForm, EntityProperty } from "nativescript-ui-dataform";

// 创建一个RadDataForm实例
const dataForm = new RadDataForm();

// 创建一个属性字段
const property = new EntityProperty();
property.name = "buttonEnabled";
property.displayName = "Button Enabled";
property.editor = "Switch";

// 设置属性字段的验证规则
property.validators.push({ name: "NonEmpty" });

// 将属性字段添加到RadDataForm中
dataForm.properties.push(property);

// 监听属性字段值的变化
dataForm.on("propertyValueChanged", (args) => {
    if (args.propertyName === "buttonEnabled") {
        const button = document.getElementById("myButton");
        button.disabled = !args.value;
    }
});

// 渲染RadDataForm
dataForm.commitMode = "Immediate";
dataForm.dataObject = { buttonEnabled: true };
dataForm.validateAll();

// 将RadDataForm添加到页面中
const container = document.getElementById("dataFormContainer");
container.appendChild(dataForm);

// 创建一个按钮
const button = document.createElement("button");
button.id = "myButton";
button.textContent = "Submit";
button.disabled = true;

// 将按钮添加到页面中
container.appendChild(button);