Можно ли отредактировать название семантического Аккордеона? - PullRequest
0 голосов
/ 05 ноября 2019

У меня есть случай, когда название уровней аккордеона нужно редактировать ... в настоящее время я разрешаю редактировать его только при открытии уровня.

Возможно ли сделать это в той же строке заголовкабез необходимости открывать уровень?

ОБНОВЛЕНИЕ

Я понял, что могу настроить контент, но теперь я столкнулся с проблемой с отображением ввода текста внутри заголовка, он нарушает егов новую строку!

enter image description here

Фрагмент кода:

 populateProperties() {
    lvl1Items = [];
    elementsLevel1.forEach((item) => {

        lvl1Properties = this.buildProperties(item.Properties, PROPERTIES, false, 1)

        lvl1Items.push(
            {key: item.Name,
                title: {
                    content:
                    <span>
                        <List16 className="icon--alignment--2"/>&nbsp; {item.Name}
                        <Edit16 className="icon--alignment--2" onClick={() => alert("Edit")}/>

                        <table>
                            <tbody>
                            <tr>
                                <td width="30%">
                                <TextInput
                                    id="txtLvl1"
                                    labelText=""
                                    placeholder=""
                                    required
                                    defaultValue={item.Name}
                                    // disabled={}
                                    // onChange={ e => this.handleNewProjectNameChange(e) }
                                />
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </span>,
                    // icon: 'bars',
                },
                // title:item.Name,
                content: lvl1Content}
        )
    });

    //TODO - it was designed to work as "On Demand" to display different levels
    // but currently api retrieves everything at once, so it's not needed.
    this.buildLevel2()
    this.buildLevel3()

    this.setState({lvl1Items: lvl1Items})
}
...