交互式时间线图表以显示事件
项目描述
时间线视图
定义一个新的视图,在交互式可视化图表中显示事件。
小部件基于外部库 http://visjs.org/timeline_examples.html
配置
您需要定义一个带有 <timeline> 标签的视图作为基本元素。以下是此标签的可能属性
date_start(必需):它定义了包含事件开始时间的日期类型字段的名称。
date_end(可选):它定义了包含事件结束时间的日期类型字段的名称。
date_delay(可选):它定义了包含事件结束时间的日期类型字段的名称。
default_group_by(必需):它定义了在访问视图或未选择其他分组时用作默认分组的字段名称。
event_open_popup(可选):当设置为 true 时,允许在弹出窗口中编辑事件。如果没有(默认值),则通过切换到表单视图来编辑记录。
colors(可选):如果满足所表达的条件(JS语法),则允许设置某些特定颜色。
您还需要在涉及模型的操作窗口中声明视图。
示例
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<record id="view_task_timeline" model="ir.ui.view">
<field name="model">project.task</field>
<field name="type">timeline</field>
<field name="arch" type="xml">
<timeline date_start="date_start"
date_stop="date_end"
string="Tasks"
default_group_by="user_id"
event_open_popup="true"
colors="#ec7063:user_id == false;#2ecb71:kanban_state=='done';">
</timeline>
</field>
</record>
<record id="project.action_view_task" model="ir.actions.act_window">
<field name="view_mode">kanban,tree,form,calendar,gantt,timeline,graph</field>
</record>
</odoo>
用法
要访问时间线视图,您必须单击视图切换器中的带时钟图标的按钮。第一次访问它时,时间线窗口会缩放以适合所有当前元素,就像执行搜索、筛选或分组操作时一样。
您可以使用鼠标滚轮在时间线上放大或缩小,并单击任何空闲区域并拖动以在该方向上平移视图。
您的模型记录将显示为矩形,矩形的宽度代表事件持续时间。您可以通过点击该矩形来选择它们。您还可以使用Ctrl或Shift键进行离散或范围选择。所选记录将以不同的颜色突出显示(但颜色差异的明显程度取决于背景颜色)。一旦选择,您可以将所选记录拖动并移动到时间轴上。
当选择一个记录时,在左上角会出现一个红色交叉按钮,允许删除该记录。尽管选择了多个记录,但这不起作用。
记录根据所选的分组标准(如果没有指定,则应用默认分组)分组在不同的块中。将记录从一个块拖动到另一个块会更改相应的字段为表示该块的值。您还可以点击组名直接编辑相关的记录。
双击记录进行编辑。在空白区域双击以创建一个新记录,并将该记录的分组和开始日期链接到您点击的区域。
已知问题/路线图
实现支持在按下Ctrl键时添加vis.js时间轴范围项。
实现更新记录后刷新时间轴的更有效方法。
错误追踪器
错误在GitHub Issues上跟踪。在遇到问题的情况下,请检查是否已经报告了您的问题。如果是您首先发现的,请通过提供详细且受欢迎的反馈来帮助我们解决问题。
致谢
图片
Odoo社区协会:图标。
贡献者
Laurent Mignon <laurent.mignon@acsone.eu>
Adrien Peiffer <adrien.peiffer@acsone.eu>
Pedro M. Baeza <pedro.baeza@tecnativa.com>
维护者
此模块由OCA维护。
OCA,或Odoo社区协会,是一个非营利组织,其使命是支持Odoo功能的协作开发并推广其广泛使用。
要为此模块做出贡献,请访问https://odoo-community.org。
项目详情
哈希值 for odoo9_addon_web_timeline-9.0.1.0.0-py2-none-any.whl
算法 | 哈希摘要 | |
---|---|---|
SHA256 | bcbb4d3ef3110a5f61a20bdabe2cf44bdd4e0f70305cc9844800a9830b1cd378 |
|
MD5 | f86f9a8e66e70d224ed11c30a27f0c55 |
|
BLAKE2b-256 | 0797adbbda281778df1d26006d9b41a3c3afdd822e25ce3abc2021b67cab04c5 |