32 lines
810 B
Markdown
32 lines
810 B
Markdown
|
# Row Interaction Standard
|
||
|
|
|
||
|
|
## Ziel
|
||
|
|
|
||
|
|
Row-Navigation discoverable und keyboard-freundlich machen.
|
||
|
|
|
||
|
|
## Standardverhalten
|
||
|
|
|
||
|
|
1. Sichtbare Action-Spalte rechts (`Open`/`Edit`) fuer Listen mit `rowDblClick`.
|
||
|
|
2. Enter auf fokussierter Row loest dieselbe Navigation aus.
|
||
|
|
3. Doppelklick bleibt als Fallback fuer Power-User.
|
||
|
|
4. Nur Rows mit Ziel-URL erhalten `data-row-open-url`.
|
||
|
|
|
||
|
|
## Contract
|
||
|
|
|
||
|
|
```js
|
||
|
|
rowInteraction: {
|
||
|
|
enabled: true,
|
||
|
|
showActionButton: true,
|
||
|
|
keepDblClick: true,
|
||
|
|
enableEnterOnRow: true,
|
||
|
|
actionColumnLabel: 'Actions',
|
||
|
|
resolveActionLabel: (url, rowData) => (url.includes('/edit/') ? 'Edit' : 'Open')
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
## Guardrails
|
||
|
|
|
||
|
|
1. Keine globale Tab-Stop-Flut auf allen Rows.
|
||
|
|
2. Fokusstil fuer Row und Action-Button sichtbar.
|
||
|
|
3. Explizite `actions.enabled: true` pro Seite darf Auto-Action uebersteuern.
|