使用VTable表格组件用到了复选框Checkbox,怎么手动更新状态?

401 阅读1分钟

问题描述

请问VTable的ListTable有没有手动设置复选框checkbox的方式,以及如何清空所有checkbox的选中状态?

解决方案

调用接口更新状态

可以调用接口setCellCheckboxState。 该接口的可以设置单元格的 checkbox 状态,定义如下:

setCellCheckboxState(col: number, row: number, checked: boolean) => void

参数说明:

  • col: 列号
  • row: 行号
  • checked: 是否选中

tableInstance. ``setCellCheckboxState(0,3,true) 即将位置为(0,3)的单元格的Checkbox状态设置为选中状态,官网demo修改后效果如下:visactor.io/vtable/demo…

批量更新状态

第二个问题批量的话,目前还没有专门的接口可以重置所有的复选框状态。但是可以通过重置数据调用setRecords或者更新列配置信息调用updateColumns来达到更新所有复选框状态的目标。

  1. 通过更新列配置

将列配置中添加checked为true或者false,即可设置整列状态。不过数据records中有表示状态的字段则以数据为准。

  1. 通过更新records数据源来批量设置复选框状态,这种用法需要在records中对应的复选框取值字段都明确指定。

相关文档

复选框类型用法教程:visactor.io/vtable/guid…

复选框demo:visactor.io/vtable/demo…

相关api:visactor.io/vtable/opti…

visactor.io/vtable/api/…

github:github.com/VisActor/VT…