javascript - DHTMLX 调度程序在时间轴上阻止/标记员工时间?

标签 javascript jquery css blocking dhtmlx-scheduler

我正在以一种非常规的方式使用时间轴。我有典型的一天和一周的事件/任务工作正常,但我需要一周的小时总结。我无法让标记/阻止为我的生活工作。本页底部的图片示例是正确的 ( http://docs.dhtmlx.com/scheduler/limits.html ),但 ID 从何而来?

scheduler.addMarkedTimespan({  
    days:  [0,3], 
    zones: "fullday",
    css:   "green", 
    sections: { timeline: 2} 
});

为了进一步说明,我们有员工 Sally、Bob 和 Jerry。假设 Sally 从本周开始工作了 7、8、9、4、8 个小时,Bob 工作了 8、9、8、8、9 个小时,而 Jerry 整个星期都休息(所以 0,0,0,0,0) .如果他们工作 8 小时,电池应该是黄色的,如果超过 8 小时是绿色的,8 小时以下是红色的。我还想在单元格中显示数字。这些可以禁用或不禁用,时间轴上不允许发生事件。非常感谢任何帮助,因为我已经坚持了一段时间。 http://jsfiddle.net/Ld9vZ/24/

最佳答案

最好的方法是将时间线切换到 Cell 模式(您应该在时间线配置中设置 render: 'cell')。

要更改单元格背景颜色和文本,您可以覆盖 scheduler.templates.timeline_cell_classscheduler.templates.timeline_cell_value 方法。 (参见 http://docs.dhtmlx.com/scheduler/timeline_view_templates.html)

您可以在此处查看示例:http://docs.dhtmlx.com/scheduler/snippet/6be2d971

关于javascript - DHTMLX 调度程序在时间轴上阻止/标记员工时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28615178/

相关文章:

javascript - 使用 getElementsByTagName 选择标签

javascript - 持久化状态使用 vuex-persistedstate : store state in first tab doesnot update when i mutate state in another tab

javascript - 为什么 javascript "write() function"在通过 jquery 引用元素时不起作用?

jquery - 在 Ruby On Rails 中截断和展开字符串

javascript - 为什么我的下拉菜单不起作用?

javascript - 延长链接 map 上的工具提示持续时间

javascript - 为什么过渡不起作用?

jquery - 如何提交来自输入元素的数据和来自 JSP 函数的 ID 数组?

html - 视频对点击覆盖的 <a> 元素使用react (IE10)

CSS:无法使高度过渡工作