antd 表格穿梭框动态数据渲染的问题

演绎那段情
  • 648

需求大概是这样的:要做一个类似SelectTableTransfer这样的多选组件,可以多选,可以回显,也可以取消某个选项。

问题描述:
1、一开始想用Table来做,后来发现不太好,因为数据是从后端分页取的,前端也是通过表格分页展示的,所以就会有这样的问题:用户再次进入这个页面的时候之前选择的数据是需要回显的,然后如果其中有一个数据不想选上了,想取消,这个时候还需要从分页里去找,就有点不方便
2、然后想着用TableTansfer组件,因为正好选中的数据可以集中添加到穿梭框右边,方便用户取消操作,但是看了看官网的例子,好像需要一次性从后端获取所有的数据才好操作,如果还是通过分页从后端取数据的话,整个数据操作逻辑还是比较复杂或者麻烦

不知道有没有更好的解决方案,对antd目前还不太熟悉。目前所有的数据200多条,倒不是特多,就是怕数据多了不得不分页。

回复
阅读 108
1 个回答

所以为什么不直接用 选择器 Select 搭配 多选 以及 搜索 功能,只是每次回填的時候需要提前查询好已选的item 项。

如果选择一次查询出所有数据,那么用那种形式都无所谓了,都可以实现。
如果不想一次都查询出来,可以用 可选表格 和 选择器。


已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏