react-component / react-component/tree

How to edit treenodes?

Open
#287 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.3k
Forks
490
Avg merge
3d 17h
Merged PRs (30d)
5

Description

I need Treenodes to be edited as in Windows Explorer, so when F2 is pressed, or a Treenode is clicked twice, the label becomes editable, and then an event is generated so the new value may be saved on the server.

I found this perhaps duplicate issue https://github.com/react-component/tree/issues/176. I am not sure if it is asking the same thing, the response did not make sense "Please go to the corresponding warehouse to ask questions", I am not sure what is meant by warehouse?

It would be great to have an example of this implemented in one of the rc-tree examples.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the related issue react-component/tree#176 and the existing rc-tree examples to determine whether inline node editing is already supported elsewhere. Define the editing trigger, change event, and example behavior from the issue; done means users can edit a node label and receive its new value for saving.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.