【raETable】🎉toB的小伙伴看过来，raETable又有新功能了🎉-阿里云开发者社区

【raETable】🎉toB的小伙伴看过来，raETable又有新功能了🎉

2023-10-30 34

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【raETable】🎉toB的小伙伴看过来，raETable又有新功能了🎉

好消息，今天发布第四个版本了，除了完善文档，主要更新的功能是

🚀支持表单的联动。

raETable是一款面向toB业务的快捷组件库，名字是reactantd Easy Table 的缩写。旨在让开发者在react中使用 antd的Table时更 easy。

文档地址：mmdctjj.github.io/raetable/

githup地址：github.com/mmdctjj/rae…

🚀表单联动

表单中经常遇见的场景是：当A栏目的值发生变化，B栏目也需要重新选择。

今天raETable支持这个功能了，你只需在column使用linked字段指定需要联动的字段，当这个栏目触发onChange事件时，当前栏目就会清空当前值了。

const columns = [
  {
    dataIndex: 'admin',
    key: 'admin',
    title: 'admin',
    affairType: 'Select',
    conditionType: 'Select',
    options: [
      {
        key: 1,
        value: true,
        label: '是',
      },
      {
        key: 2,
        value: false,
        label: '否',
      },
    ],
  },
  {
    dataIndex: 'eat',
    key: 'eat',
    title: 'eat',
    affairType: 'Select',
    conditionType: 'Select',
    linked: 'admin', // 指定这个栏目进行联动
    options: [
      {
        value: 1,
        label: '牛肉',
        key: 1,
      },
      {
        value: 2,
        label: '鸡蛋',
        key: 2,
      }
    ],
  },
]