logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 甘特图 vxe-gantt table 连接线的用法详解

本文介绍了vxe-gantt甘特图中连接线的配置方法。通过设置links属性定义任务间的关系,其中from和to分别对应源任务和目标任务的主键。支持四种连接类型:FinishToStart(0)、StartToFinish(1)、StartToStart(2)和FinishToFinish(3)。可通过task-link-config设置线样式(实线/虚线)和状态颜色(内置多种颜色方案),也支持为

文章图片
#vue.js#甘特图
vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法

摘要:vxe-gantt 是一个基于 Vue 的甘特图组件,支持可视化拖拽创建任务依赖线。通过设置 taskBarConfig.linkCreatable 启用该功能,可实现拖拽两个任务创建连接线,并支持双击删除。提供四种依赖类型:FinishToStart、StartToFinish、StartToStart 和 FinishToFinish。组件还支持任务进度显示、拖拽调整日期等功能,并可通过

文章图片
#vue.js#甘特图
vue 表格 vxe-table 展开行实现复选框联动

本文介绍了基于vxe-table实现主表与子表复选框联动的方法,适用于订单-商品等主从数据场景。通过自定义expand列插槽嵌套子表格,配合vxe-checkbox组件实现三种联动状态:1)勾选主行自动全选子行;2)子行全选时自动选中主行;3)子行部分选中时主行显示半选状态。相比树形表格,此方案通过type:'expand'列提供更灵活的布局控制,代码示例展示了完整的实现逻辑,包括表头全选、行级联

文章图片
#vue.js#javascript#前端
vue 甘特图 vxe-gantt 实现双进度条:计划 vs 实际,支持多级子任务拆分

本文介绍了在vxe-gantt中实现计划与实际进度对比的两种方案。一级双进度方案仅拆分顶层任务为计划和实际两条进度条,通过数据转换生成虚拟记录并自定义样式;多级双进度方案则对所有层级任务进行拆分,实现完整的计划与实际进度对比。文章详细说明了两种方案的技术实现思路、关键配置项和样式区分方法,并提供了可视化效果图和代码示例。该方案支持从简单到复杂的不同业务场景需求,为项目管理中的进度跟踪提供了灵活的可

文章图片
#vue.js#甘特图
vue 甘特图 vxe-gantt 的使用(四):周视图的渲染

vxe-gantt甘特图组件提供了灵活的周视图功能,支持两种显示模式:默认模式以周为粒度展示任务分布,简洁直观;精确模式通过dateFormat配置可细化到天级精度,在周单元格内显示任务具体起止位置。组件支持自定义周起始日(如周一或周日),通过scales和taskViewConfig等配置项调整视图样式。两种模式分别适用于宏观周计划管理和精细化排期场景,开发者可根据项目需求在简洁性和精确性之间灵

文章图片
#vue.js#甘特图
vue 甘特图 vxe-gantt 的使用(二):季度视图的渲染

vxe-gantt组件提供灵活的季度视图功能,支持两种模式:默认模式按季度粒度展示任务分布,适合战略规划;精确模式通过设置dateFormat可显示季度内具体日期偏移,满足精细排期需求。配置参数taskViewConfig.scales控制时间轴层级,taskViewConfig.viewStyle.cellWidth调整单元格宽度,taskConfig.dateFormat决定日期解析精度。两种

文章图片
#vue.js#甘特图#前端
vue 表格卡顿的最终解决方法,秒级渲染大数据量表格列表

vxe-table 4.19+版本对虚拟滚动功能进行了全面升级,通过仅渲染可视区域DOM节点的核心原理,解决了大数据量表格的卡顿、白屏问题。新版本优化了触摸板、鼠标滚轮和键盘滚动体验,支持滚动惯性,性能提升显著。只需配置virtualYConfig即可开启纵向虚拟滚动,配合固定的表格高度和行高设置,可流畅处理数千行数据。同时还支持横向虚拟滚动,适用于超宽表格场景。该优化使大数据量表格实现秒级响应和

文章图片
#vue.js#前端#javascript
使用 vxe-table 树表格实现产品列表与明细关联展示

本文介绍了如何使用vxe-table实现树形表格展示层级产品数据的方法。文章展示了电商、库存管理等场景下常见的"分类→子产品"层级结构展示需求,并提供了完整的实现方案。 核心要点包括: 通过treeConfig配置自动将扁平数据转换为树形结构 使用treeNode标记显示展开/收起图标的列 实现多级嵌套展示(父级显示类别信息,子级显示具体产品明细) 提供完整的Vue组件代码示例,包含表格配置、数据

文章图片
table 组件哪家强,分享个人在项目中使用过最强的企业级顶级表格控件推荐,前端最好用表格推荐

专业表格控件 SpreadJS 、ad-grid、vxe-table 对比评测,仅对个人实际使用中的开发体验分享、仅供参考做过很多大型项目,ERP、企业内部管理系统,一个系统好不好用基本就是看表格做得好不好了。

文章图片
#vue.js#javascript#ecmascript
vxe-table 修改行数据,保存数据,新增行数据,详细用法

需要注意的是, 如果实在 vue 2 中,修改某个字段之后如果不更新数据,那么就是字段没预先定义,vue 3 则不存在这个情况。中修改数据其实很简单,因为数据本来就是双向绑定的,只需要修改数据就能自动刷新。

文章图片
#vue.js#前端#javascript
到底了