logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue 甘特图 vxe-gantt 实现 table 表格与甘特图拖拽双向联动、拖拽添加,拖拽移除

文章摘要: vxe-gantt支持表格与甘特图之间的跨视图任务拖拽,通过配置row-drag-config.isCrossTableDrag实现双向数据联动。核心机制包括:1)统一主键字段确保数据一致性;2)CRUD管理器自动追踪拖拽产生的增删改记录,开发者可通过getRecordset()获取变更数据。本文提供完整配置说明与代码示例,展示如何实现任务在表格和甘特图间的自由移动,提升项目管理效率。

文章图片
#vue.js#甘特图
vxe-tree 树组件拖拽排序功能的使用教程

vxe-tree 树组件提供强大的拖拽排序功能,支持同层级和跨层级拖拽操作。通过设置 drag: true 启用拖拽功能,dragConfig.isPeerDrag 实现同层级拖拽,dragConfig.isCrossDrag 实现跨层级拖拽。组件采用树形结构数据格式,支持将节点拖拽到子级等复杂操作。该组件已在 GitHub 和 Gitee 开源,适用于 PC 端 UI 开发,可灵活配置满足各种树

文章图片
#vue.js
vue vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息

本文介绍了如何使用vxe-gantt组件实现自定义甘特图产品进度列表。通过task-view-config.viewStyle.cellStyle设置单元格样式,利用taskBar和taskBarTooltip插槽自定义任务条模板和提示信息。示例代码展示了如何配置甘特图参数,包括时间刻度、任务条样式、表格列定义和数据源,并实现了周日高亮显示效果。该组件支持高度定制化,可灵活调整任务条布局和内容显示

文章图片
#甘特图#前端#javascript
vue vxe-table vxe-modal 模态窗口、最大化窗口,缩放拖动窗口

查看官网示例:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/module/modal<vxe-button @click="value2 = !value2">拖动窗口调整大小</vxe-button><vxe-modal v-model="value2" resize><te...

vxe-table 启用虚拟滚动加载大数据表格

vxe-table vxe-excel 实现 Excel 表格,增删改查查看 Github查看 Demo

xe-utils 函数库、工具类

最新版本见Github,点击查看历史版本XEUtils 提供一套实用的基础函数、任意格式的日期转换函数,浏览器相关操作函数等...API全局参数setup ( options ) 设置默认全局参数基础函数isNaN (val) 判断是否非数值isFinite (val) 判断是否为有限数值isUndefined (val) 判断 Undefin...

到底了