kendo Ui中怎么设置 CheckBox 只读

在Kendo UI中，你可以通过`readonly`属性来设置CheckBox控件为只读状态。以下是设置步骤：

1. 首先，确保已经引入了Kendo UI的库文件，并在HTML中添加一个Checkbox元素，例如：

<input id="myCheckbox" type="checkbox" />

2. 然后，在JavaScript中使用Kendo UI的DataSource和Widget API来初始化Checkbox，并设置它的`readonly`属性：

// 假设有一个数据源data
var data = [
    { name: 'Option 1', checked: false },
    { name: 'Option 2', checked: true }
];

// 创建Checkbox widget实例并绑定到指定元素
$("#myCheckbox").kendoCheckBox({
    dataSource: {
        data: data,
        schema: {
            model: {
                fields: {
                    name: { type: "string" },
                    checked: { type: "boolean", defaultValue: false }
                }
            }
        }
    },
    valueField: "name",
    checkboxValueField: "checked",
    readonly: true // 这里设置了只读
});

在这个例子中，`readonly: true`将使得所有从数据源加载的Checkbox选项默认显示为不可交互的状态。