jeecgBoot-vue3获取/设置表格前勾选数据

表格每一行前有个多选框（可改为单选框），获取勾选数据。获取勾选数据 (以下。

y199710

1865人浏览 · 2024-02-21 11:29:14

y199710 · 2024-02-21 11:29:14 发布

获取勾选数据

表格每一行前有个多选框（可改为单选框）

改为单选框

//注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
    tableProps: {
        title: 'userInformation',
        rowKey: 'actNo',//类似勾选key 选中得数据
        api: list,
        columns,
        canResize: false,
        ellipsis: true,
        useSearchForm: false,
        dataSource,
        formConfig: {
            labelWidth: 90,
            schemas: searchFormSchema,
            autoSubmitOnEnter: true,
            // 是否折叠
            showAdvancedButton: false,
          .....
        },
        // 单选框
        rowSelection: {
            type: 'radio'
        },
        ......
    },
    ....
});

获取勾选数据 (以下actNo为表格设置得rowKey)

const [registerTable, { reload, getForm }, { rowSelection, selectedRowKeys, getSelectRows }] = tableContext;
//单选勾选数据
console.log(rowSelection.selectedRows[0].actNo)
//多选勾选数据
console.log(rowSelection.selectedRows, '勾选得行数据');
console.log(rowSelection.selectedRowKeys, '勾选得行rowKey');

设置勾选数据

const [registerTable, { reload,setSelectedRowKeys }, { rowSelection, selectedRowKeys }] = tableContext;
//设置勾选框数据
  setSelectedRowKeys(['PNR-45151900'])