antdv表格的rowSelection设置单选禁用选中等

这个问题在项目中已经遇到过两次了:

  • 一次为表格想实现单选-禁用等

  • 另一次则是今天,遇上需求需要在初始化表格的时候默认选中项目

      鉴于自己的记性太差,记录记录,万一哪天又遇到这个问题心血来潮来翻了一翻博客,那问题就解决了!
    

    犹记得实现表格项单选和禁用的需求出来的时候,我翻遍了百度,好多问题感觉快说道点子上了,结果就还真是差一点。这个问题折磨我很久,我觉得我怕是要完不成了,结果技术总监远程要求我翻官方文档,最后劲直停在了API列表中的 type="radio" ,我瞬间石化了有没有!之尴尬,所以还是遇到问题首先翻官网,这是最好的选择。
    这里还有个需求,就是我不仅是单选,还得限制部分是禁止选的,也就是得设置 radio 中的 disabled 属性为false,道理谁都懂,一上手就懵!还好我吸取之前的经验教训,在百度找半天找不到的问题,在官网中找到在 rowSelection 还有个配置叫 getCheckboxProps ,这一发现让我感觉我上了天堂,解释说这是对checkbox的属性设置,但是文档中就说了是个函数,完了就没了!还得去百度,我跟着网上设置了禁用属性,代码如下:

getCheckboxProps: record => ({
    props: { disabled: record.nodeType === NODE_TYPE.dir },
}),

emmm,原来是个这样的函数,里面返回的 props 应该就是 checkbox 的各类属性。

=====================================================================
接着就是今天遇到的第二次问题了,需求是在初始化的时候选中,这个同样用 getCheckboxPropschecked ,我试的 checked 不生效,改用了 defaultChecked ,两者都可以试试。
但是问题又来了,再次打开的时候,选项他不清空了。。。。这令人真是为难,我又翻遍了百度,搜寻到了 github 的官网上,虽然有说更新到最新beta版,已经解决掉这个事情,可以那貌似是 react 版本的,并非 vue 版本的,就这样,我只得放弃。这个问题暂时未得到解决

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值