首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在dhtmlx调度程序lightbox中添加隐藏字段

在dhtmlx调度程序lightbox中添加隐藏字段,可以通过以下步骤实现:

  1. 首先,在调度程序的初始化代码中,创建一个隐藏字段。可以使用dhtmlx调度程序提供的API scheduler.form_blocks 来定义一个自定义的表单块,该表单块包含隐藏字段。
代码语言:javascript
复制
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
    }
};
  1. 然后,在调度程序的配置中,将该隐藏字段添加到lightbox的表单中。可以使用dhtmlx调度程序提供的API scheduler.config.lightbox.sections 来定义lightbox的表单布局。
代码语言:javascript
复制
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"。

  1. 最后,在保存或更新事件时,可以通过事件对象的 hidden_field 属性来获取或设置隐藏字段的值。
代码语言:javascript
复制
scheduler.attachEvent("onEventSave", function (id, data, is_new_event) {
    var hiddenValue = data.hidden_field;
    // 处理隐藏字段的值
    return true; // 返回true表示继续保存事件
});

通过上述步骤,你可以在dhtmlx调度程序的lightbox中成功添加一个隐藏字段,并在保存或更新事件时获取或设置其值。

关于dhtmlx调度程序的更多信息和详细的API文档,请参考腾讯云的产品介绍链接地址:dhtmlx调度程序 - 企业级JavaScript日程表

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券