zoukankan      html  css  js  c++  java
  • 【react+antd】当你使用了可选择的table【rowSelection】,却在操作后无法清除已选择状态

    可以在rowSelection对象内声明selectedRowKeys,通过改变它来控制表格的选中状态:

    const [selectKeys, setSelectedKeys] = useState<any[]>([]);
    
    
        // 通过 rowSelection 对象表明需要行选择
        const rowSelection = {
            selectedRowKeys: selectKeys,
            onChange(selectedRowKeys: any, selectedRows: any) {
                setSelectRows(selectedRows);
                setSelectedKeys(selectedRowKeys)
            },
            onSelect(_: any, __: any, selectedRows: any) {
                setSelectRows(selectedRows);
            },
            onSelectAll(_: any, __: any, selectedRows: any) {
                setSelectRows(selectedRows);
            }
        };
    
    // 操作事件
        // 确定提交
        const rowsSubmit = async () => {
            const param = {
                tagId: tagId || '',
                storeIds: selectRows ? selectRows.map((item: any) => item.id) : []
            };
            const result = await relaStores(param);
            if (result.messageType === 'SUCCESS') {
                message.success(result.messageContent);
                handleSearch();
                handleSearchRelaed();
                setSelectRows([])
                setSelectedKeys([])
            } else {
                message.error(result.messageContent);
            }
        };
    
    
    // 表格:
    <Table
                            dataSource={data}
                            columns={columns}
                            rowKey="id"
                            expandTableParame={{ rowSelection }}
                            key="搜索店铺"
                        />
    

      

  • 相关阅读:
    Redis系列八 使用Jedis
    Redis系列七 主从复制(Master/Slave)
    Redis系列六 Redis事务
    Redis系列五 Redis持久化
    Android7.0 应用内升级
    Redis系列四 Redis常见配置
    06方法
    python协程--yield和yield from
    Python2 生成器 简介
    使用virtualenv使得Python2和Python3并存
  • 原文地址:https://www.cnblogs.com/nangras/p/13878049.html
Copyright © 2011-2022 走看看