在dhtmlx调度程序lightbox中添加隐藏字段,可以通过以下步骤实现:
scheduler.form_blocks
来定义一个自定义的表单块,该表单块包含隐藏字段。scheduler.form_blocks["hidden"] = {
render: function (sns) {
return "<input type='hidden' class='dhx_readonly' />";
},
set_value: function (node, value, ev) {
node.value = value || "";
},
get_value: function (node, ev) {
return node.value;
},
focus: function (node) {
// do nothing
}
};
scheduler.config.lightbox.sections
来定义lightbox的表单布局。scheduler.config.lightbox.sections = [
{ name: "description", height: 50, map_to: "text", type: "textarea", focus: true },
{ name: "hidden", height: 0, map_to: "hidden_field", type: "hidden" },
{ name: "time", height: 72, type: "time", map_to: "auto" }
];
在上述代码中,我们添加了一个名为 "hidden" 的表单块,将其类型设置为 "hidden",并将其映射到数据项 "hidden_field"。
hidden_field
属性来获取或设置隐藏字段的值。scheduler.attachEvent("onEventSave", function (id, data, is_new_event) {
var hiddenValue = data.hidden_field;
// 处理隐藏字段的值
return true; // 返回true表示继续保存事件
});
通过上述步骤,你可以在dhtmlx调度程序的lightbox中成功添加一个隐藏字段,并在保存或更新事件时获取或设置其值。
关于dhtmlx调度程序的更多信息和详细的API文档,请参考腾讯云的产品介绍链接地址:dhtmlx调度程序 - 企业级JavaScript日程表
领取专属 10元无门槛券
手把手带您无忧上云