Modifying the Title Node

[Vaishnavi-R]

Hello,

I am trying to edit a particular node in RST. This is done by 'Edit Title' button click on the context menu. I followed - https://frontend-collective.github.io/react-sortable-tree/storybook/?selectedKind=Basics&selectedStory=Modify%20nodes&full=0&addons=0&stories=1&panelRight=0 and am able to edit the node successfully. My issue is, I need to revert the node I am editing to look like rest of the nodes (i.e. remove input tag) on "focus out". The input tag remains once the node is modified.

It would be great, if anyone can guide on this! Thanks!

[wuweiweiwu]

Hi @Vaishnavi-R I would recommending storing something in state like isInput or something.

and use that state to determine what renders in title link

and add a new callback onBlur onto the input to set isInput to false.

{this.state.isInput ?
  <input onBlur={() => this.setState({isInput:false})}/>
: <Whatever else u want to render onBlur/>
}

Hope that helps!

[Vaishnavi-R]

Thanks much @wuweiweiwu. Will get back to you.

[payal-makode]

Hello,

I am trying to edit a particular node in RST. This is done by 'Edit Title' button click on the context menu. I followed - https://frontend-collective.github.io/react-sortable-tree/storybook/?selectedKind=Basics&selectedStory=Modify%20nodes&full=0&addons=0&stories=1&panelRight=0 and am able to edit the node successfully. My issue is, I need to revert the node I am editing to look like rest of the nodes (i.e. remove input tag) on "focus out". The input tag remains once the node is modified.

It would be great, if anyone can guide on this! Thanks!

Vaishnavi-R, Thank you so much for this link. It helps me lot for search case insensative & modify node title. You have explained much better.

[deepikaarava]

@Vaishnavi-R Can you please help me with sample code for edit node title