资讯专栏INFORMATION COLUMN

ant Table rowSelection勾选后更新数据无法清除缓存(无法取消勾选)

Euphoria / 1233人阅读

摘要:首先是在官网上照着写的一个方法原代码处理勾选数据后清空勾选修改后的代码处理勾选数据后清空勾选这里是起作用的关键


问题描述:如上图所示,ant.design中使用Table中的rowSelection单选框功能;在勾选了数据之后进行操作后重新请求数据,发现新的数据仍然被勾选,我们希望看到的效果当然是刷新数据后勾选取消掉,毕竟是新数据嘛。。。

首先是在官网上照着写的一个方法:
原代码:

clearCheck = () => { // 处理勾选数据后清空勾选
    this.setState({
        selectedRowKeys: []
    })
}
render () {
    const rowSelection = {
        onChange: (selectedRowKeys) => {
            this.setState({
                selectedRowKeys,
            })
        }
    }
}

修改后的代码:

this.state = {
    selectedRowKeys: []
}
clearCheck = () => { // 处理勾选数据后清空勾选
    this.setState({
        selectedRowKeys: []
    })
}
render () {
    const rowSelection = {
        selectedRowKeys, //这里是起作用的关键
        onChange: (selectedRowKeys) => {
            this.setState({
                selectedRowKeys
            })
        }
    }
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/102017.html

相关文章

  • 长期更新,记录一下近期工作中涉及到的内容(DvaJs Ant Design)

    摘要:表单域表单一定会包含表单域,表单域可以是输入控件,标准表单域,标签,下拉菜单,文本域等。如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发,请尝试使用将下拉弹层渲染节点固定在触发器的父元素中。 DvaJs dispatch在 dva 中,connect Model 的组件通过 props 可以访问到 dispatch,可以调用 Model 中的 Reducer 或者 Effects...

    MadPecker 评论0 收藏0
  • 探究:绝对定位没有设置 top, right, bottom, left 的世界是怎样的?

    摘要:一个元素如果设置了但没有设置此元素的位置在哪在涉及到绝对定位元素的位置问题时一个重要的概念是想要了解元素的位置还得找到此元素的才行如下是我进行的一系列测试以及对测试结果的试探性解释文中的英文术语都不翻译方便直接查或者其他技术文档请持有怀疑精 一个元素如果设置了position: absolute;, 但没有设置top, right, bottom, left, 此元素的位置在哪? 在涉...

    kbyyd24 评论0 收藏0
  • angularjs 多选框的实现

    摘要:目标效果最初的想法,当为时,多选框为勾选状态,而则可以与勾选的状态值绑定,代码如下代码控制器中的测试数据效果显然并不是我想要的,在全选后下面的并没有跟着改变,所以仅靠页面是无法实现全选效果的所以我在控制器里添加了一个方法,在点击全选的时 目标效果:showImg(https://segmentfault.com/img/bVbhZzU?w=702&h=230); 最初的想法,ng-ch...

    dreamans 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<