vxe-tree 树组件拖拽排序功能的使用教程
vxe-tree 树组件拖拽排序功能的使用教程,通过 drag 启用行拖拽排序功能,支持同层级、跨层级、拖拽到子级非常强大的拖拽功能等
官网:https://vxeui.com
github:https://github.com/x-extends/vxe-pc-ui
gitee:https://gitee.com/x-extends/vxe-pc-ui
同层级拖拽
通过 drag-config.isPeerDrag 启用同层级拖拽
<template ...
vue-dawn-flow 低代码流程插件
一、vue-dawn-flow介绍
vue-dawn-flow是一款功能强大的开源流程设计器,专为 Vue.js 生态打造,完美兼容 Vue 2 和 Vue 3 框架。并且能很好的兼容vue前端所有框架。
1.1插件功能
提供了一个可视化的流程设计器,你可以在设计器中拖拽组件,连接组件,设置组件属性。
提供了多种节点类型可共筛选。
提供了节点的相关操作,比 ...
vxe-table 如何实现每一行的下拉框选项都是不一样的
vxe-table 如何实现每一行的下拉框选项都是不一样的
实现方式非常简单,通过自定义插槽模板,给每一行的下拉框赋值不同的 options 就可以实现
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
需要注意的是由于每一行的下拉选项都是不一样 ...
JS事件深度解析一、二、三 事件 循环 队列 事件传播 事件监听列表 shadow dom 异步 事件的派发
一 、事件的综述
首先需要了解几个术语:
宿主环境:将js引擎作为一个组件包含在内,并且为它提供运行所需的资源的外部系统。
就是说,宿主环境提供了所有的资源,比如网络 文件 渲染 各种功能接口等等,没有了宿主环境, js引擎就是光杆司令,它就只能空转,做不了任何事情。
宿主对象:所有不是由 J ...
JSAPIThree 加载天地图学习笔记:使用天地图影像服务
作为一个刚开始学习 mapvthree 的小白,今天要学习加载天地图了!听说这个功能可以加载天地图的影像服务,作为场景的底图!想想就期待!
第一次听说天地图加载
今天在文档里看到了"天地图"这个词,一开始我还以为是某个地图库,结果查了一下才知道,原来这是国家基础地理信息中心提供的地图服务!
文档说天地图加载可以: ...
vue 常用的 gantt 甘特图组件推荐
vue 常用的 gantt 甘特图组件推荐,项目中使用过的甘特图组件,各有优缺点。
dhtmlx-gantt 甘特图
https://dhtmlx.com/docs/products/demoApps/
老牌的甘特图组件,给你非常全面,使用难度高,可定制化功能比较一般,原生 js 和 vue 项目都能用,基础版本免费,功能限制较多,企业版功能更强
任务列表
任务依赖关系
vxe- ...
vue 如何实现 vxe-gantt table 甘特图的任务拖拽后调整日期的二次确认提示
vue 如何实现 vxe-gantt table 甘特图的任务拖拽后调整日期的二次确认提示
查看官网:https://gantt.vxeui.com/
gitbub:https://github.com/x-extends/vxe-gantt
gitee:https://gitee.com/x-extends/vxe-gantt
效果
代码
通过设置 task-bar-drag-config.dragEndMethod 对拖拽后的行为进行二次确认
<template>
<div>
...
vue vxe-gantt table 甘特图实现任务可拖拽自动调整日期
vue vxe-gantt table 甘特图实现任务可拖拽自动调整日期,通过设置 task-bar-config.drag 启用任务条拖拽功能
效果
代码
设置 task-bar-config.drag 启用任务条拖拽功能
<template>
<div>
<vxe-gantt v-bind="ganttOptions"></vxe-gantt>
</div>
</template>
<script setup>
import { reactive } from 'vue'
con ...
vxe-gantt vue table 甘特图子任务多层级自定义模板用法
vxe-gantt vue table 甘特图子任务多层级自定义模板用法,通过树结构来渲染多层级的子任务,将数据带有父子层级的数组进行渲染
查看官网:https://gantt.vxeui.com/
gitbub:https://github.com/x-extends/vxe-gantt
gitee:https://gitee.com/x-extends/vxe-gantt
安装
npm install xe-utils@3.8.0 vxe-pc-ui@4.10.45 vxe- ...
vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息
vxe-gantt 甘特图实现产品进度列表,自定义任务条样式和提示信息
查看官网:https://gantt.vxeui.com/
gitbub:https://github.com/x-extends/vxe-gantt
gitee:https://gitee.com/x-extends/vxe-gantt
安装
npm install xe-utils@3.8.0 vxe-pc-ui@4.10.45 vxe-table@4.17.26 vxe-gantt@4.1.1
// ...
import VxeUIBase fro ...
如何使用 vxe-gantt table 甘特图来实现多个维度视图展示,支持切换年视图、月视图、周视图等
如何使用 vxe-gantt table 甘特图来实现多个维度视图展示,支持切换年视图、月视图、周视图等,通过 task-view-config 来配置日期轴。
https://gantt.vxeui.com
效果
代码
通过 task-view-config.scales 可以灵活的切换显示模式
<template>
<div>
<vxe-radio-group v-model="viewMode" @change="changeViewEvent">
...
JSAPIThree 加载 Mapbox 数据学习笔记:使用 Mapbox 矢量瓦片地图
作为一个刚开始学习 mapvthree 的小白,今天要学习加载 Mapbox 数据了!听说这个功能可以加载 Mapbox 的矢量瓦片地图,还能自定义样式!想想就期待!
第一次听说 Mapbox 数据加载
今天在文档里看到了"Mapbox"这个词。文档说 Mapbox 数据加载可以:
加载 Mapbox 官方地图
支持自定义 MVT 路径
需要配置 AccessToken
我的 ...
如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件
如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件
需要注意导出图片时,需确保图片是有效链接,且允许跨域获取,否则不支持导出图片
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
通过定义 cellRender 为 VxeImage 来导出图片 ...
从不足到精进:H5即开并行加载方案的演进之路
作者: vivo 互联网客户端团队- Chen Long并行加载是 H5 即开 SDK 的加速技术,通过 native 层在用户打开页面时并行请求关键资源(如 index.html 和 CSR 模式 API),利用 webview 初始化时间窗口提前发起请求,减少加载耗时。其核心挑战是解决 webview 与并行任务间的资源交接问题。
1分钟看图掌握核心观点👇
一 ...
JSAPIThree 加载 Cesium 数据学习笔记:使用 Cesium 地形和影像服务
作为一个刚开始学习 mapvthree 的小白,今天要学习加载 Cesium 数据了!听说这个功能可以加载真实的地形数据,还能使用 Cesium 的影像服务!想想就期待!
第一次听说 Cesium 数据加载
今天在文档里看到了"Cesium"这个词。文档说 Cesium 数据加载可以:
加载真实的地形数据
使用 Cesium 的影像服务
支持 Cesium Ion 服务
...
vxe-table 使用 spanMethod 合并卡顿的解决方案
vxe-table 使用 spanMethod 合并卡顿的解决方案,当业务需求需要合并时,由于表格数据有几千条,使用该合并后不支持虚拟滚动会卡顿。通过查看官网,发现应该使用 merge-cells 来合并单元格,不仅使用非常简单,还支持虚拟滚动,只需要指定行号和列号,合并数量就可以临时合并单元格,需要注意,官网说明是临时合并。也就是 ...
让项目管理更智能:基于 DHTMLX Gantt + AI 的自然语言项目构建方案
在现代项目管理软件中,如何让用户以更直观、自然的方式处理复杂的项目数据,正变得越来越关键。其中,DHTMLX Gantt 凭借其成熟稳定的能力、完善的 API、灵活的配置体系,在全球范围内已被广泛应用于工程、制造、IT 研发、供应链等各类项目调度场景。
DHTMLX Gantt 最新版官方试用下载,请联系慧都科技
DHTMLX Gantt ...
JSAPIThree 数据源系统学习笔记:让数据在地图上可视化
作为一个刚开始学习 mapvthree 的小白,今天要学习数据源系统了!听说这个系统可以把各种格式的数据加载到地图上,还能让数据可视化!想想就实用!
第一次听说数据源系统
今天在文档里看到了"数据源"这个词,一开始我还以为是数据库,结果查了一下才知道,原来这是用来存储和加载地理数据的系统!
文档说数据源系统可以: ...
vxe-gantt 甘特图使用右键菜单
vxe-gantt 甘特图使用右键菜单,支持表头菜单、内容菜单、表尾菜单,自定义样式,配置项 menu-config={header,body,footer},实现对按钮的控制,通过 visibleMethod 和 visible | disabled 属性来控制菜单选项的操作权限,可以精确到每一列每一行的显示隐藏与禁用控制
https://gantt.vxeui.com
菜单点击后会触发 menu-cli ...
如何用 vxe-table 实现粘贴数据自动进入新增行与新增列,数据无限扩充
如何用 vxe-table 实现粘贴数据自动进入新增行与新增列,数据无限扩充,对于大部分业务操作场景,有时需要从 excel 复制数据并粘贴到表格中,由于粘贴的数据会列多于表格定义的行与列,多出的数据需要能支持自动新增与自行新增列,vxe-table提供非常简单的配置方式可以直接支持。
自动新增行
当粘贴数据时,如果粘贴的行数 ...