如何实现Element table上下移动功能的长尾?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2285个文字,预计阅读时间需要10分钟。
目录
- 前言
- 思路梳理
- 这么多细节问题,产品经理咋不讲清楚写明白呢,喷他!
- 和产品经理一波 battle 后的结果
- 问题清楚了开始复制粘贴,啊呸!来让我们开始改变世界
- 表格数据行拖动上下移
- 表格数据选中点击按钮上下移
- 一. 基于选中数据定位需要移动到的位置
- 二. 删除表格中的选中数据
- 三. 将选中的数据移入指定位置
- 演示代码地址
前言
Element table 上下移动,听起来是不是很简单的需求,产品的描述也简单:表格数据支持拖动上下移,支持通过选择表格行数据点击按钮上下移。最终效果大概如下(模拟数据共7条,去除了关联的业务操作)
Element Table 上下移最终效果(下图)
原型评审的时候,因为内容比较多,产品经理讲 Element table 上下移动时一句话就带过了,原型功能描述也简单。做的时候才发现这个功能涉及很多细节需要考虑(痛哭流涕啊~),产品给留下的坑,接下来咱们一起来捋一下,防止下次考虑不周。
本文共计2285个文字,预计阅读时间需要10分钟。
目录
- 前言
- 思路梳理
- 这么多细节问题,产品经理咋不讲清楚写明白呢,喷他!
- 和产品经理一波 battle 后的结果
- 问题清楚了开始复制粘贴,啊呸!来让我们开始改变世界
- 表格数据行拖动上下移
- 表格数据选中点击按钮上下移
- 一. 基于选中数据定位需要移动到的位置
- 二. 删除表格中的选中数据
- 三. 将选中的数据移入指定位置
- 演示代码地址
前言
Element table 上下移动,听起来是不是很简单的需求,产品的描述也简单:表格数据支持拖动上下移,支持通过选择表格行数据点击按钮上下移。最终效果大概如下(模拟数据共7条,去除了关联的业务操作)
Element Table 上下移最终效果(下图)
原型评审的时候,因为内容比较多,产品经理讲 Element table 上下移动时一句话就带过了,原型功能描述也简单。做的时候才发现这个功能涉及很多细节需要考虑(痛哭流涕啊~),产品给留下的坑,接下来咱们一起来捋一下,防止下次考虑不周。

