技术栈
vxe-table
chenhdowue
1 天前
vue.js
·
vxe-table
·
vxe-ui
vue表单vxe-form如何对一个规则同时多字段联动校验,对一个控件校验多个关联字段
vue表单vxe-form如何对一个规则同时多字段联动校验,对一个控件校验多个关联字段。正常的表单场景是一个控件一个字段,那么配置起来非常任意,一个字段对应一个校验规则。当时某些复杂场景就不一样了,比如用户控件,有id/code/role等。比如范围日期选择,一个控件是对应2个字段的,开始日期和结束日期。这个时候就可以使用 rule 规则中 field 属性来指定复杂的多字段校验。
大猩猩X
1 天前
vue.js
·
vxe-table
vxe-table 表格 vue 单元格渲染上传附件,显示图片列表,适配上传附件样式的用法
vxe-table 表格 vue 单元格渲染上传附件,显示图片列表,适配上传附件样式的用法,在系统中渲染复制表格时,经常会涉及到附件和图片等上传问题,比如在列表单元格中需要支持上传附件,由于单元格太小,一般的组件根本无法正常显示适配,这时候就可以使用上传附件紧凑模式,通过配置更多按钮来实现。
daols88
4 天前
vue.js
·
excel
·
vxe-table
vue2 表格如何使用 vxe-table 带列头复制单元格内容同步到 excel 中
vue2 表格如何使用 vxe-table 带列头复制单元格内容同步到 excel 中,vxe-table 本身是支持该功能的,通过设置 clip-config.isCopyHeader 启用复制时带列头信息。
daols88
5 天前
vue.js
·
vxe-table
vue表格 vxe-table 如何实现键盘导航时,按回车健向右移动,并到最后一行时按回车自动新增一行
vue表格 vxe-table 如何实现键盘导航时,按回车健向右移动,并到最后一行时按回车自动新增一行,表格组件本身支持按回车键自动新增行/按 Tab 键自动的新增行,通过以下参数开启就可以了。
daols88
22 天前
vue.js
·
vxe-table
vue 表格 vxe-table 如何实现透视表拖拽对数据进行分组汇总,金额合计、平均值等
vue 表格 vxe-table 如何实现透视表拖拽对数据进行分组汇总,金额合计、平均值等,通过 custom-config.allowGroup 启用分组拖拽功能
daols88
23 天前
vue.js
·
excel
·
vxe-table
vue 表格 vxe-table 手动操作单元格范围选择,手动选择 excel 指定区域的用法
vue 表格 vxe-table 手动操作单元格范围选择,手动选择 excel 指定区域的用法,当需要通用调用方法来手动选择知道区域时,可以通过调用 setCellAreas 方法将指定区域的单元格选中。
chenhdowue
24 天前
vue.js
·
vxe-table
·
vxe-ui
vue 如何实现 vxe-table 的按键操作回车键的上下移动修改为 Tab 键的左右切换
vue 如何实现 vxe-table 的按键操作回车键的上下移动修改为 Tab 键的左右切换,支持将回车键替换Tab键的功能操作
仰望.
1 个月前
前端
·
vue.js
·
vxe-table
vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态
vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态,要实现这个功能,有多种方式
daols88
1 个月前
vue.js
·
甘特图
·
vxe-table
vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法
vue 甘特图 vxe-gantt table 可视化依赖线的使用,可视化拖拽创建连接线的用法 支持拖拽两个任务之间创建连接线、支持双击线删除
仰望.
1 个月前
vue.js
·
vxe-table
vxe-table 按多个列进行分组和按多个字段进行分组的使用方式
vxe-table 按多个列进行分组和按多个字段进行分组的使用方式查看官网:https://vxetable.cn gitbub:https://github.com/x-extends/vxe-table gitee:https://gitee.com/x-extends/vxe-table
大猩猩X
1 个月前
vxe-table
vxe-table 导入 excel xlsx 时,单元格内容值丢失前面0解决方法
vxe-table 导入 excel xlsx 时,单元格内容值丢失前面0解决方法,不如到出数据为 “003200” ,导出到 xlsx 时,由于 xlsx 会自定义格式化数字,所以 0 就没了;解决方法就是知道为字符串类型,可以通过 column.cell-type 设置
daols88
1 个月前
vue.js
·
甘特图
·
vxe-table
vue 甘特图 vxe-gantt table 连接线的用法详解
vue 甘特图 vxe-gantt table 连接线的用法详解,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
daols88
1 个月前
vxe-table
vxe-table 实现编辑表格的金额类型如果是负时,自动标记显示为红色字体
vxe-table 实现编辑表格的金额类型如果是负时,自动标记显示为红色字体,通过 edit-render.showNegativeStatus 启用负数自动显示红色字体,需要注意只要特定的控件才支持自动显示负数标红
大猩猩X
2 个月前
vue.js
·
甘特图
·
vxe-table
·
vxe-ui
vxe-gantt vue table 甘特图子任务多层级自定义模板用法
vxe-gantt vue table 甘特图子任务多层级自定义模板用法,通过树结构来渲染多层级的子任务,将数据带有父子层级的数组进行渲染
大猩猩X
2 个月前
前端
·
javascript
·
甘特图
·
vxe-table
·
vxe-ui
vue vxe-gantt table 甘特图实现多个维度视图展示,支持切换年视图、月视图、周视图等
vue vxe-gantt table 甘特图实现多个维度视图展示,支持切换年视图、月视图、周视图等,通过 task-view-config 来配置日期轴。
chenhdowue
2 个月前
vue.js
·
excel
·
vxe-table
·
vxe-ui
如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件
如何使用 vxe-table 导出为带图片的单元格到 excel 格式文件 需要注意导出图片时,需确保图片是有效链接,且允许跨域获取,否则不支持导出图片
大猩猩X
2 个月前
vue.js
·
vxe-table
·
vxe-ui
·
vxe-gantt
vxe-gantt 甘特图使用右键菜单
vxe-gantt 甘特图使用右键菜单,支持表头菜单、内容菜单、表尾菜单,自定义样式,配置项 menu-config={header,body,footer},实现对按钮的控制,通过 visibleMethod 和 visible | disabled 属性来控制菜单选项的操作权限,可以精确到每一列每一行的显示隐藏与禁用控制
chenhdowue
2 个月前
vue.js
·
vxe-table
·
vxe-ui
vxe-table 数据校验的2种提示方式
vxe-table 数据校验的2种提示方式,第一种是当个校验信息提示,第二种是多个校验信息提示。通过设置 valid-config.msgMode=‘full’ ,同时显示多个错误提示,调用 fullValidate 方法校验,用法是一样的。
daols88
2 个月前
前端
·
javascript
·
excel
·
vxe-table
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选
vxe-table 如何实现跟 excel 一样的筛选框,支持字符串、数值、日期类型筛选,实现跟 excel 类似的筛选框
daols88
2 个月前
vue.js
·
ajax
·
table
·
vxe-table
vxe-table 配置 ajax 加载列表数据,配置分页和查询搜索表单
vxe-table 配置 ajax 加载列表数据,配置分页和查询搜索表单 只需要通过 form-config.items 配置表单项并通过 proxy-config.form 启用表单数据代理,就可以非常简单的渲染一个查询表单。 如果需要默认值,还可以通过 itemRender.defaultValue 设置