【React甘特图】基于React纯js编码实现的甘特图插件easy-gant-beta

最新推荐文章于 2024-08-09 21:30:00 发布

前端辣子鸡

最新推荐文章于 2024-08-09 21:30:00 发布

阅读量121

点赞数 6

文章标签： javascript react.js 甘特图

本文链接：https://blog.csdn.net/qq_41325032/article/details/141060978

版权

一、easy-gant-beta效果展示

闲暇时间做了这么一个基于react的插件，感兴趣的小伙伴可以看看
目前只是测试版，可能还存在一些问题所以暂时命名beta版

具体效果如下

效果展示图

项目地址

https://gitee.com/jassn/react-gant.git

二、介绍下具体功能

1、添加/删除/修改任务

在这里插入图片描述

2、信息渠道连线以及移动

在这里插入图片描述

3、信息展示

在这里插入图片描述

4、内置组件

modal、popover、tree、以及基于antd表单实现的noForm配置
具体使用可参考README.md

三、依赖下载

npm install easy-gant-beta
yarn add easy-gant-beta

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端辣子鸡

关注关注

6
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【React甘特图】基于React纯js编码实现的甘特图插件easy-gant-beta

modal、popover、tree、以及基于antd表单实现的noForm配置具体使用可参考README.md。
复制链接

扫一扫

react-一个简单的甘特图React组件封装

08-15

在React开发中，创建自定义组件是常见的任务，特别是当需要特定功能，如甘特图时。甘特图是一种常用的数据可视化工具，用于展示项目的时间线和进度。在这个场景下，我们将讨论如何封装一个简单的甘特图React组件，并...

react-easy-crop：React组件，用于通过易于交互的方式裁剪图像视频

02-05

React容易一个React组件，可以通过简单的交互来裁剪图像/视频演示版查看示例：产品特点支持拖动，缩放和旋转交互提供作物尺寸的像素和百分比支持任何图像格式（JPEG，PNG甚至GIF）作为url或base64字符串支持...

参与评论您还未登录，请先登录后发表或查看评论

react-monitor-dag：基于React的操作监控DAG图。

03-04

一个基于React的运维/监控DAG图 |简体中文 :sparkles:特性支持左到右，上到下的布局支持自定义状态，左上角自定义状态注释支持自定义基线样式，以及将鼠标悬停在焦点上支持线段标签样式支持摘要，锚点，线段...

react-easy-print:强大的React组件，易于打印

05-02

示例1 ：具有单个可打印组件的页面，没有其他任何内容import PrintProvider , { Print , NoPrint } from 'react-easy-print' ;...< PrintProvider> < NoPrint> < Router> // < Layout> // invisible in the print ...

react-native-image-to-pdf:react-native插件可将图像转换为PDF

05-26

入门$ npm install react-native-image-to-pdf --save 或者$ yarn add react-native-image-to-pdf 大多是自动安装$ react-native link react-native-image-to-pdf 手动安装的iOS 在XCode的项目导航器中，右键单击“ ...

05_ Electron 自定义菜单、主进程与渲染进程通信

最新发布

所学所思

08-09

415

单独写在一个 js 文件中，然后再在主进程中引入labe: "文件",submenu: [label: "新建文件",},label: "编辑",submenu: [label: "复制",},submenu: [// main.js// 1、引入初始化remote 模块width:800,})// __dirname 表示获取我们当前目录， path.join 会将两个参数合并成 d://electrondemo/index.html// 打开调试模式。

【Vue3】图片未加载成功前占位

菜就多练

08-08

250

原生img标签可以通过自定义指令解决< template > < img class = " image_item-img " v-preload = " ' loading' " src = " https://xx " alt = " 加载失败 " /> < script setup > import {reactive } from 'vue' // 自定义图片占位 const vPreload = {

社交媒体分享预览图片和内容修改

wangweiscsdn的博客

08-06

220

社交媒体分享链接时的预览图片和内容

Typescript配置文件(tsconfig.json)详解系列六：allowImportingTsExtensions

zzyp1927314的博客

08-05

489

如果不使用的时候，在导入文件的时候需要加上typescript编译后的文件后缀。如果使用了就不能输出编译文件，只能输出声明文件（*.d.ts）。

创建一个简单的贪吃蛇游戏：HTML、CSS和JavaScript教程

Mr_Zhangyuge的博客

08-08

893

在本教程中，我们将逐步构建一个简单的贪吃蛇游戏。这个项目适合初学者，可以帮助你理解HTML、CSS和JavaScript的基础知识，并掌握如何将它们结合起来创建一个完整的游戏。

Unity数据持久化之 Json序列化与反序列化

2301_77947509的博客

08-09

322

Json的序列化与反序列化

i5ting_toc工具优化

麦麦麦先森的小世界

08-07

558

markdown转换支持带左侧导航的html

第15节课：表单高级功能——提升用户填写体验与数据交互

学问小小谢的技术博客

08-07

668

在现代Web应用中，表单是用户与服务器交互的重要方式。HTML5引入了一系列高级表单属性和数据绑定技术，极大地提升了用户的填写体验和表单数据的处理效率。本节课将深入探讨`autocomplete`、`autofocus`、`placeholder`等表单属性，以及表单数据的动态绑定和更新技术。

初步认识vue

qq_64669006的博客

08-05

292

vue是一种自下而上的渐进式框架，当实现简单的应用时，只需一个轻量小巧的核心库；当实现复杂的应用时，可以引入各式各样的Vue插件。

[Vue3] - 5 watch与watchEffect用法

weixin_45291798的博客

08-09

385

一全部属性firstName:'张',lastName:'三',job:{name:'前端工程师'}});接收的参数newValue与oldValue，person下的job对象改变，watch也能监视到，在vue2中只有开启了deep深度监视才会生效1 无法获取正确的oldValue2 deep设置无效，强制开启深度监视watch监听的是RefImpl或Proxy结构watchEffect监听回调中用到额度属性。

colResizable插件实现网页中表格列宽自定义

每天学习一点点

08-09

164

解决方法：使用jQuery的一个插件，名称叫 colResizable，可以实现。需求：页面上每个字段的列宽，可以通过页面拖动的形式进行调整。该插件依赖jQuery，所以需要在使用前引用jQuery。.Table指表格中table的class名称。

npm install node-sass 安装失败的解决方案：利用国内镜像加速安装

yang295242361的博客

08-09

697

当使用npm install node-sass安装时遇到失败问题，尤其是由于网络原因导致的下载速度慢或下载失败时，利用国内镜像加速安装是一个有效的解决方案。以下是一些具体的步骤和注意事项

Vue - 关于v-wave 波浪动画组件

miaomiaowins的博客

08-07

988

这个动画库可以在标签中添加新的v-wave属性，来让点击标签元素后添加漂亮的波纹效果，并且可以根据父元素自动形成波纹的颜色，也可以自定义波纹颜色，持续时间，透明度，触发的对象等。

【微信小程序实战教程】之微信小程序中的 JavaScript

柯晓楠

08-06

1103

小程序的开发框架被称为MINA框架，其框架结构如图1所示。图1 MINA框架结构通过上面的框架结构图，我们可以看到小程序的MINA框架有三个部分组成，首先是View视图层，其次是App Service逻辑层和Native系统层。小程序中所有的页面都在View视图层中，每个页面由WXML文件和WXSS文件来搭建页面视图的结构和展现样式。App Service逻辑层是由App Service线程来加载、运行的，其生命周期常驻内存。