指陡 发表于 2025-12-31 15:45:00

vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态

vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态,要实现这个功能,有多种方式
https://vxetable.cn

[*]可以使用一个变量来记录已选的数据,在分页时重新赋值选中状态。
[*]使用内置的选中状态记忆保留功能,可以直接使用,无需再额外写代码
分页多选保留状态

当使用数据分页与复选框多页选中时,可以通过 checkbox-config.reserve 启用,将不会自动清除勾选数据,如果清除,可以调用 clearCheckboxReserve 方法手动清除已保留的选中数据

<template>

    <vxe-button status="success" @click="getSelectEvent">获取已选</vxe-button>
    <vxe-grid ref="gridRef" v-bind="gridOptions" v-on="gridEvents"></vxe-grid>

</template>同时在其他分页中显示为半选状态

以上已经实现了分页状态保留功能,但是产品如果说还要在分页的同时,如果已选了其他页数据,当前页要显示半选状态,那么就可以通过以下来实现。
启用保留选中状态后默认是每页独立状态显示,可以通过 checkbox-config.showReserveStatus 启用,当存在保留记录时,则未勾选当前页数据也会显示未半选状态

<template>

    <vxe-button status="success" @click="getSelectEvent">获取已选</vxe-button>
    <vxe-grid ref="gridRef" v-bind="gridOptions" v-on="gridEvents"></vxe-grid>

</template>https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

尸酒岐 发表于 2026-1-8 20:10:20

感谢发布原创作品,程序园因你更精彩

祉遛吾 发表于 2026-1-17 20:28:55

这个好,看起来很实用

奸轲嫣 发表于 2026-1-18 17:53:04

谢谢楼主提供!

宁觅波 发表于 2026-1-21 10:00:00

不错,里面软件多更新就更好了

坠矜 发表于 2026-1-23 09:17:27

这个好,看起来很实用

呶募妙 发表于 2026-1-25 12:16:57

感谢分享,下载保存了,貌似很强大

姘轻拎 发表于 2026-1-26 01:54:28

东西不错很实用谢谢分享

袁曼妮 发表于 2026-1-26 05:40:17

新版吗?好像是停更了吧。

喳谍 发表于 2026-1-28 09:11:28

谢谢分享,试用一下

盖彗云 发表于 2026-1-28 09:19:56

东西不错很实用谢谢分享

羔迪 发表于 2026-1-28 09:59:44

这个有用。

胁冉右 发表于 2026-2-7 09:38:06

东西不错很实用谢谢分享

敛饺乖 发表于 2026-2-7 16:41:10

感谢发布原创作品,程序园因你更精彩

单于易槐 发表于 2026-2-8 02:58:39

过来提前占个楼

申倩语 发表于 2026-2-9 01:11:38

谢谢楼主提供!

韶侪 发表于 2026-2-9 22:02:21

喜欢鼓捣这些软件,现在用得少,谢谢分享!

党新苗 发表于 2026-2-10 06:29:14

收藏一下   不知道什么时候能用到

寂傧 发表于 2026-2-11 07:36:40

感谢发布原创作品,程序园因你更精彩

语樊偿 发表于 2026-2-11 08:14:20

感谢分享,学习下。
页: [1] 2
查看完整版本: vxe-table 如何实现分页勾选复选框功能,分页后还能支持多选的选中状态