controls
描述
可选。定义一个或多个自定义控件的一组配置
信息
controls 属性允许您基于基本控件 和/或 复杂控件 创建自定义 Editbar 控件。使用 properties 属性将自定义控件应用到所需的元素（形状、组、泳道等）。
请参阅 Editbar 配置 指南，了解更多配置信息！
important
我们不建议您在创建自定义控件时重新定义默认控件。请为每个自定义控件使用单独的名称！
用法
controls?: {
[type: string]: object, // 自定义控件
};
参数
controls: {
estimate: { /*...*/ }, // 使用自定义配置创建新的 "estimate" 控件
// 另一个控件
}
示例
const editor = new dhx.DiagramEditor("editor_container", {
type: "org",
view: {
// editbar: true, // 显示默认 Editbar
// 或通过对象配置 Editbar
editbar: {
css: "custom_css",
show: true,
width: 300,
properties: {
$shape: [
{ type: "estimate" }, // 应用 "estimate" 自定义控件
{ type: "name" } // 应用 "name" 自定义控件
]
},
controls: {
// 创建 "estimate" 自定义控件
estimate: {
type: "fieldset",
label: "Time estimate",
rows: [
{ type: "datepicker", key: "date_start", label: "Date start" },
{ type: "datepicker", key: "date_end", label: "Date end" }
]
},
// 创建 "name" 自定义控件
name: { type: "input", label: "Name", key: "name" }
}
}
}
});
更新日志： 该属性在 v6.0 中新增
相关文章： Editbar 配置