angular / angular/components

[Table] Add inline editing for inputs

未关闭
#5,982 34 条评论 189 个 reaction 已指派 0 人 在 GitHub 查看
area: material/table feature P4
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### Bug, feature request, or proposal:

Feature request

#### What is the expected behavior?

Clicking on a text field should launch a simple edit dialog with an `md-input`. Hitting Enter would then close the dialog and save the input as the new value for the text field.

#### What is the use-case or motivation for changing an existing behavior?

This behavior is described in the Data Table section of the Material spec, found [here](https://material.io/guidelines/components/data-tables.html#data-tables-interaction), and would be useful to have as its own component.

#### Is there anything else we should know?

Accessibility is a real concern here, and there doesn't seem to be much discussion/affordance defined in the spec for possible solutions. The text field itself could be defined as a button with `aria-role="button"`, but that may be deceptive.

cc @andrewseguin @jelbourn

贡献指南

打开贡献指南

调研方向

首先查看所请求的交互以及链接的 Material 数据表规范。在确定相关表格和输入入口之前,先确定无障碍方案;完成的标准是文本字段打开编辑对话框,Enter 保存新值并关闭对话框,并且该交互符合无障碍要求。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
功能
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
基本清楚
新手友好度
30/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。