DHTMLX 反相甘特
DHTMLX 反相甘特 是用于 DHTMLX 甘特 图书馆.
它提供了一种宣示方式,将DHTMLX Gantt所有丰富的项目调度功能——如任务,依赖性,自动排程以及资源管理——直接整合到React apps中. 通过将React的基于组件的工作流程与DHTMLX Gantt强大的JavaScript引擎相结合,这个库为现代React项目中构建交互式Gant图提供了无缝体验.
重要内容: 这个 npm 包是一个 审判 仅供评价之用. 关于获得商业许可证和技术支助,请在我们的网站上进行评估: https://dhtmlx.com/docs/products/dhtmlxGantt- for-React/download.shtml 互联网档案馆的存檔,存档日期2013-12-21
开始
安装软件包
专业评价:
npm install @dhtmlx/trial-react-gantt
并初始化:
import { useState } from 'react';
import ReactGantt from '@dhtmlx/trial-react-gantt';
import '@dhtmlx/trial-react-gantt/dist/react-gantt.css';
import { demoData } from './DemoData'
export default function BasicGantt() {
const [theme, setTheme] = useState("terrace");
const [tasks, setTasks] = useState(demoData.tasks);
const [links, setLinks] = useState(demoData.links);
return (
<div style={{ height: '500px' }}>
<ReactGantt
tasks={tasks}
links={links}
theme={theme}
/>
</div>
);
}
demoData 是一个实例任务/链接数据集。 替换为您自己的项目数据 .
所需资源
- 反应
18.x或更新
完整指南
特征
- 在网格单元格、页眉、时间表模板中反应组件
- 容易定制 React 组件
- 无缝主题和 MUI 兼容性
- 与 Redux 工具包的兼容性
- 类型脚本支持
- 4类任务相接:从完成到启动,从完成到完成,从完成到完成
- 水平拖放多个任务
- 多任务选择
- 落后规划
- 任务过滤
- 资源过滤
- 内置编辑
- 管理单个任务的可编辑性/只读模式
- 撤销/重做功能
- 网格中的可配置列
- 可自定义的时间尺度和任务编辑窗体
- 任务颜色的进度百分比
- 7个不同的皮肤
- 在线导出到 PDF、 PNG、 Excel、 iCal 和 MS 项目
- 32个地方
- 键盘导航
- 资源管理
- 关键路径计算
- 自动排程
许可证
DHTMLX 甘特反应 v.10.0.3 专业评价
该软件由DHTMLX评价许可证覆盖. 联系人 销售额@dhtmlx.com 获得专有许可证。 禁止无适当许可证的使用.
(c) XB软件