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提供非常简单的配置方式可以直接支持。
自动新增行
当粘贴数据时,如果粘贴的行数 ...
冰蓝科技正式发布全新纯前端文档编辑产品 —— Spire.WordJS
近日,知名的国产化文档开发组件提供商E-iceblue(冰蓝科技)正式发布全新的前端文档编辑产品——Spire.WordJS。作为E-iceblue在前端文档处理领域的重要产品,Spire.WordJS 以 Web 架构为企业提供高性能、高兼容性的 Word 文档编辑能力,进一步完善了其在文档技术方向的产品矩阵。
Spire.WordJS试用下载,请联系慧都 ...
浏览器 15 个常见指纹特征,使用插件 FingerprintJS 生成浏览器指纹
浏览器指纹是什么?
像人类的指纹一样,浏览器指纹也是用于唯一身份认证的一种标识。
这东东常被广告商用于用户跟踪,比如 A、B 网站都添加了一个广告商,如果用户访问了 A 网站,查看了些商品或文章,然后再访问 B 网站,那么广告商就知道用户对哪些东西感兴趣,就可以在 B 网站中投放一些感兴趣的广告。
浏览器指纹起的 ...
fix-broken-img:零依赖的图片优雅降级解决方案
fix-broken-img:零依赖的图片优雅降级解决方案
在现代 Web 开发中,图片加载失败是一个常见但容易被忽视的问题。今天我要介绍一个我最近开源的解决方案——fix-broken-img,一个零依赖的 WebComponents 组件,专门用于处理图片加载失败时的优雅降级。
问题背景:为什么需要图片降级?
在 Web 开发中,我们经常会遇到以 ...
vxe-table 透视表分组汇总及排序基础配置
vxe-table 透视表分组汇总及排序基础配置,对数据进行汇总后,支持对汇总及子项进行排序。
通过拖拽列到聚合列表,自动对数据进行合计汇总。设置 custom-config.allowGroup 和 custom-config.allowValues 启用拖拽功能
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee ...
uni-app - switchTab 跳转到 页面后不走onLoad,option无法更新
场景:tabbar页面是展示一个列表,页面中有一个搜索按钮,点击按钮进入搜索页面,输入字段以后返回tabbar页面展示相应的搜索结果,切换tabbar页面后搜索条件置空
方案1:使用 navigateTo跳转传值
坑1:因为搜索页要跳转的是tabbar页面,不能直接使用navigateTo 跳转,只能使用switchTab,但是switchTab不支持传参
方案2:使 ...
vxe-gantt table 甘特图如何设置任务视图每一行的背景色
vxe-gantt table 甘特图如何设置任务视图每一行的背景色,例如给不同任务设置不同背景色。
查看官网:https://gantt.vxeui.com/
gitbub:https://github.com/x-extends/vxe-gantt
gitee:https://gitee.com/x-extends/vxe-gantt
效果
代码
通过 task-view-config.viewStyle.cellStyle 设置任务视图行样式,也可以用 task-v ...
JSAPIThree 天空和天气系统学习笔记:营造真实的环境氛围
作为一个刚开始学习 mapvthree 的小白,今天要学习天空和天气系统了!听说这个系统可以让场景更有氛围感,还能模拟真实的天气效果!想想就期待!
第一次听说天空系统
今天在文档里看到了"天空"这个词,一开始我还以为是背景色,结果查了一下才知道,原来这是用来营造场景氛围的环境系统!
文档说天空系统可以:
提供场景 ...
JSAPIThree UI 控件学习笔记:用内置控件提升交互
作为刚接触 mapvthree 的新手,今天我专门学习了 UI 控件模块。这里整理出最常用的控件和实用技巧,帮助和我一样的初学者快速上手。
控件管理入口:engine.widgets
mapvthree 中的控件由 EngineWidgets 管理,实例化后可以通过 engine.widgets 访问。控件分两种启用方式:
初始化时配置:在 new Engine() 时,通过 widge ...