仅只有未实名的,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-162-306
请扫码咨询

新媒易动态

NEWS CENTER

触发编辑的条件可以是单击或双击,但是为了使用户容易发现,大多数产品会添加编辑图标按钮

2021-08-16

一个B端产品的功能无外乎是新增(Create)、读取(Retrieve)、更新(Update)、删除(Delete)。数据更新可以通过编辑功能实现,常用于更新表单或列表数据,主要有以下三种形式:

  1. 内联式编辑;
  2. 弹出式编辑;
  3. 跳转页面编辑。

1. 内联式编辑

指在原页面编辑并保存的一种编辑形式。整个过程不会涉及到对话框的弹出和页面的跳转,用户清楚地知道编辑的内容会显示在哪里。

这有助于在不离开当前视图的情况下立即更改内容,防止用户丢失当前视图上下文的信息,常用于小范围内容更新。

内联多字段编辑一般有明显的编辑按钮,单一字段编辑时可以隐藏编辑按钮在鼠标悬浮时才出现,甚至没有编辑按钮,需要通过鼠标单击或双击进入编辑状态。

  • 优点:简单、直接,可方便用户联系上下文内容。
  • 缺点:防错性较弱。
  • 适用场景:常用于单一字段、重要性较弱的编辑。

1)基础样式

用户触发某一栏时,该栏即变为可编辑状态。这时用户可以任意修改。并且当鼠标点击到其他栏或者表格以外的地方时,该可编辑栏失焦之后自动保存修改后的内容,并变回不可编辑状态。


触发编辑的条件可以是单击或双击,但是为了使用户容易发现,大多数产品会添加编辑图标按钮。


2)带按钮样式

当鼠标悬浮到某一栏上时,出现编辑图标,点击图标出现「保存」 和 「取消」 按钮。编辑完成后点击「保存」即完成编辑,否则编辑内容不会被保存。


3)行编辑/多个字段编辑

与带按钮的编辑相似,点击编辑按钮时进入编辑状态,编辑完毕后可进行「保存」 或者 「取消」操作。

这种方式适合对列表同一行或表单的多个字段进行修改,且编辑字段内容较简单时使用。


相关推荐