提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:秦林|2022-09-26 17:31:29.857|阅读 97 次
概述:这篇文章给大家讲解 dhtmlxGantt如何进行布局定制。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
相关链接:
这篇文章给大家讲解dhtmlxGantt如何进行布局定制。
您可以使用其他布局视图更改默认布局配置并指定在页面上排列甘特图元素的必要方案。
例如,您可以创建额外的网格和时间线视图,这些视图将为主甘特图创建一个底部资源面板。 实施这样的步骤 自定义布局是:
gantt.config.layout = { css: "gantt_container", rows:[ { // the default layout cols: [ {view: "grid", config: mainGridConfig, scrollY:"scrollVer"}, {resizer: true, width: 1}, {view: "timeline", scrollX:"scrollHor", scrollY:"scrollVer"}, {view: "scrollbar", id:"scrollVer"} ] }, {resizer: true, width: 1}, { // a custom layout cols: [ {view: "grid", id: "resourceGrid", bind:"resource", config:resourceGridConfig, scrollY:"resourceVScroll"}, {resizer: true, width: 1}, {view:"timeline", id:"resourceTimeline", scrollX:"scrollHor", bind:"resource", bindLinks: null, layers: resourceLayers, scrollY:"resourceVScroll"}, {view: "scrollbar", id:"resourceVScroll"} ] }, {view: "scrollbar", id:"scrollHor"} ] };
在上面的示例中,添加了一个额外的网格视图。它包含资源列表及其工作量。还有一个额外的 时间线视图,显示当月的工作时间分布,并指示标准和加班时间。
自定义网格和时间线具有其他属性:
对于网格和时间线视图
对于时间线视图
要使用相应数据填充自定义视图,您需要添加单独的数据存储。要创建新的数据存储,请使用方法createDatastore并指定数据存储的配置:
var resourcesStore = gantt.createDatastore({ name:"resource", initItem: function(item){ item.id = item.key || gantt.uid(); return item; } });
在上面的示例中,添加了一个名为“resource”的数据存储。
要将数据从数据存储区加载到自定义视图中,请使用parse方法:
resourcesStore.parse([// resources {key:'0', label: "N/A"}, {key:'1', label: "John"}, {key:'2', label: "Mike"}, {key:'3', label: "Anna"} ]);
要返回必要数据存储的配置对象,请使用getDatastore方法:
var tasksStore = gantt.getDatastore("task");
该方法将数据存储的名称作为参数。
在某些情况下,您可能需要动态禁用甘特图单元之间的调整大小。最简单的解决方案是通过 CSS 隐藏它们。
为此,您需要如下规则:
.no_resizers .gantt_resizer{ display:none; }
然后,您可以通过将类附加到甘特图的容器来隐藏调整大小:
gantt.$container.classList.add("no_resizers");
要再次显示调整大小,只需删除该类:
gantt.$container.classList.remove("no_resizers");
dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表,可满足项目管理控件应用程序的所有需求,是最完善的甘特图图表库。了解更多DhtmlxGantt相关内容和资讯,欢迎在线咨询或者私信我获取正版试用版及报价。
甘特图控件交流群:764148812 欢迎进群交流讨论
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn
本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@pclwef.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢