Skip to content

useTableSelectionState

@astryxdesign/core v0.7.1 · useTableSelectionState

使用方法 ​

useTableSelection 的配套状态工具。它返回两个东西:selectionConfig 交给选择插件,selectionState 交给关心选择状态的界面,比如 TableSelectionToolbar。选中结果仍然是受控的:选中的键那个 Set 由你保存,再给一个写回的函数。全选只勾真正能勾的行,不能选和被禁用的行保留原来的状态。idKey 可以给属性名,也可以给一个从行里取键的函数。

ts
import { useTableSelectionState } from '@astryx-vue/core/Table'

示例 ​

useTableSelectionState —— 行选择

Name
Email
Role
Alicealice@example.comEngineer
Bobbob@example.comDesigner
Charliecharlie@example.comManager
Dianadiana@example.comEngineer
Eveeve@example.comAdmin

带行选择复选框和表头全选复选框的表格。选中的键和写回函数留在调用方,selectionState 把它们映射给工具栏这类关心选择状态的界面。