Programmatically enter edit mode?

[hepiyellow]

Hi,

Is it possible to programmatically enter edit mode?
That is, I don't want a click to enter edit mode, rather I want the click to propagate to the parent, and not be handled by the <InlineEdit> component. And The parent component will decide when to go into edit mode.

If not, I think it will make a good addition.
For example when the label is on a button, and clicking the button does something, but pressing Shift+click will go into edit mode.

Thanks,
Erez

[lrecknagel]

Hey,

you can use something like that:

...
constructor(props) {
    super(props)
    this.state = {}
}

enableEdit = (_some_id, e) => {
    this.setState({
      [_some_id]: true
    })
}
...
<a onClick={(e) => this.enableEdit(_some_id, e)} >EDIT</a>
<InlineEdit
    text={_some_value}
    paramName={_some_id}
    change={this.data_changed}
    editing={this.state[_some_id] || false} />

Hope that helps ;)

Lucas