如何给tabel增加全选多选checkbox功能

收藏

本帖最后由 Joestar.Xu 于 2024-1-10 10:10 编辑

产品：SpreadJS

1:列表循环后在顶部增加一个total栏

2:对应从第0条数据到最后一条数据都增加checkbox
3:在第0条数据之上增加一个checkbox作为全选
4:如何获取选中状态，默认初始化时候能够对应数据自动回显勾选
5:勾选某个活全选多个时候如何获取单行数据对应的值

需求如图：

就是常规列表的全选多选功能放在spread里怎么实现啊？很急

我现在只插入了数据的checkbox但顶部插入全选的那个还没
然后点击后也拿不到我要的数据，而且因为我还能取消全选等功能，所以必须点击后能够拿到checkbox勾选状态
初始化根据状态默认勾上。

希望能够详细点，谢谢

Lynn.Dou · Lynn.Dou

您好，可以参考下方链接demo，利用自定义单元格实现：
https://docs.grapecity.com.cn/sp ... mn-header-check-all

程序员的苦难日子 · 程序员的苦难日子

Lynn.Dou 发表于 2024-1-8 15:56
您好，可以参考下方链接demo，利用自定义单元格实现：
https://docs.grapecity.com.cn/spreadjs/practice/ ...

这个可以，但是只能实现单元格的复选，如果我在表头那里插入一个checkbox，点击特别费劲，点好几次才触发事件，请问有能解决的办法吗

点好几次才触发事件，这个顶部的操作因为不是在数据单元格里插入的

Lynn.Dou · Lynn.Dou

您提供一个可复现demo，我们基于代码实际验证看看，以便进一步分析问题原因。

程序员的苦难日子 · 程序员的苦难日子

Lynn.Dou 发表于 2024-1-9 17:52
您提供一个可复现demo，我们基于代码实际验证看看，以便进一步分析问题原因。

我换了一种实现方式，
不能把checkbox放在表头插入的total列里，不然点击时候总是感觉有冲突，初始化页面第一次点击失效，要点好几次才能选中，选中后就好了，但是第一次加载就有这个问题
我只能把全选按钮单独提出来做

这个希望官方能够看下动态列插入后在第1列插入一条checkbox列然后在顶部header里也就是BacklogID列左边插入一个全选功能的checkbox
就会有这样问题，我已经去掉了Filter 还是会有，不知道是冲突还是怎么。

Lynn.Dou · Lynn.Dou

您好，请提供一个可以复现描述问题的demo，基于代码我们实际验证看看，这边才好分析具体是什么原因导致的。

Richard.Huang · Richard.Huang

您好，由于您长时间未回帖，本贴就先作结帖处理了，后续如果有其他新的问题，欢迎继续发新帖询问

		自动登录	找回密码
密码			立即注册

[已处理] 如何给tabel增加全选多选checkbox功能

6 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人