How to replace text in header=ListTile ?

[Legolaz7]

Good afternoon
I'm a beginner and I have a problem, I can't find a solution(
The "def edit" function should replace the saved data with what I enter after clicking the edit button.
Tell me how to solve this problem?)

from flet import *

def main(page: Page):
    page.title = "Test Page"
    page.window_width = 430.00
    page.window_height = 830.00

    # Function to remove panel
    def handle_delete(e: ControlEvent):
        panel.controls.remove(e.control.data)
        page.update()

    # The function changes the name of the saved data
    def edit(e: ControlEvent):
        # Here you need to add code that will replace the name of the starting text
        page.update()

    def save_info(e: ControlEvent):
        text = ExpansionPanel(
            header=ListTile(title=Text(f"{start_text.value}")),
            can_tap_header=False
        )
        text.content = ListTile(
            subtitle=Text(f"{start_text.value}"),
            trailing=PopupMenuButton(
                icon=icons.MORE_VERT,
                items=[
                    PopupMenuItem('Delete', on_click=handle_delete, data=text),
                    PopupMenuItem('Change name', on_click=open_dlg_edit, data=text),
                ]
            )
        )
        panel.controls.append(text)
        page.update()

    def open_dlg_edit(e):
        page.dialog = dlg
        dlg.open = True
        page.update()
        dlg.open = False

    # Closes the dialog box after clearing the input field
    def close_dlg(e):
        edit_text.value = ""
        dlg.open = False
        page.update()


    panel = ExpansionPanelList(
        expand_icon_color=colors.AMBER,
        elevation=8,
        divider_color=colors.AMBER
    )

    start_text = TextField(label='Start text')
    edit_text = TextField(label='New name')
    save_b = OutlinedButton('Save', on_click=save_info)
    saves = Container(
        Column(
            controls=[
                panel
            ]
        ), width=380, height=300, border_radius=15, padding=10
    )

    dlg = AlertDialog(
        title=Text("Change the name?"),
        modal=True,
        actions=[
            Column(
                controls=[
                    edit_text,
                    Row(
                        controls=[
                            TextButton('Cancel', on_click=close_dlg),
                            TextButton('Save', on_click=edit)
                        ], alignment=MainAxisAlignment.END
                    )
                ]
            )

        ]
    )

    page.add(Column(
        controls=[
            saves,
            start_text,
            save_b
        ]
    ))

app(target=main)

[burhansvural]

@Legolaz7

from flet import *


def main(page: Page):
    page.title = "Test Page"
    page.window_width = 430.00
    page.window_height = 830.00

    expan_text = Text(value="")
    subtit_text = Text(value="")

    text = ExpansionPanel(
        header=ListTile(title=expan_text),
        can_tap_header=False
    )

    # Function to remove panel
    def handle_delete(e: ControlEvent):
        panel.controls.remove(e.control.data)
        page.update()

    # The function changes the name of the saved data
    def edit(e: ControlEvent):
        nonlocal expan_text,subtit_text
        # Here you need to add code that will replace the name of the starting text
        expan_text.value = f"{edit_text.value}"
        subtit_text.value = f"{edit_text.value}"
        page.update()
        pass

    def save_info(e: ControlEvent):
        nonlocal expan_text, subtit_text
        expan_text.value = f"{start_text.value}"
        subtit_text.value = f"{start_text.value}"
        text.content = ListTile(
            subtitle=subtit_text,
            trailing=PopupMenuButton(
                icon=icons.MORE_VERT,
                items=[
                    PopupMenuItem('Delete', on_click=handle_delete, data=text),
                    PopupMenuItem('Change name', on_click=open_dlg_edit, data=text),
                ]
            )
        )
        panel.controls.append(text)
        page.update()

    def open_dlg_edit(e):
        page.dialog = dlg
        dlg.open = True
        page.update()
        dlg.open = False

    # Closes the dialog box after clearing the input field
    def close_dlg(e):
        edit_text.value = ""
        dlg.open = False
        page.update()

    panel = ExpansionPanelList(
        expand_icon_color=colors.AMBER,
        elevation=8,
        divider_color=colors.AMBER
    )

    start_text = TextField(label='Start text')
    edit_text = TextField(label='New name')
    save_b = OutlinedButton('Save', on_click=save_info)
    saves = Container(
        Column(
            controls=[
                panel
            ]
        ), width=380, height=300, border_radius=15, padding=10
    )

    dlg = AlertDialog(
        title=Text("Change the name?"),
        modal=True,
        actions=[
            Column(
                controls=[
                    edit_text,
                    Row(
                        controls=[
                            TextButton('Cancel', on_click=close_dlg),
                            TextButton('Save', on_click=edit)
                        ], alignment=MainAxisAlignment.END
                    )
                ]
            )

        ]
    )

    page.add(Column(
        controls=[
            saves,
            start_text,
            save_b
        ]
    ))


app(target=main)

[Legolaz7]

@burhansvural

Thank you very much, but the program has stopped adding new data)
By pressing the button to save new data in the main data entry field, the program simply changes the old name to a new one

[burhansvural]

The codes need to be edited, it was written quickly this way just to give you an idea of ​​what the subject you want could be like.

[burhansvural]

@Legolaz7

You can further develop these codes yourself. It has been prepared quickly, just as a simple example.

exp_pnl.py

import flet as ft


class Exp_Pnl(ft.ExpansionPanel):

    def __init__(self, txt_header, list_tile_title, list_tile_subtitle, index, page):
        super().__init__()
        self.page = page
        self.btn_edit = ft.IconButton(ft.icons.EDIT, icon_color=ft.colors.BLUE, data=index,
                                      on_click=self.open_dlg_edit)
        self.btn_del = ft.IconButton(ft.icons.DELETE, icon_color=ft.colors.RED, data=index,
                                     on_click=self.delete_me)

        self.txt_header = ft.Text(f"{txt_header}")
        self.txt_title = ft.Text(f"{list_tile_title}", data=index)
        self.txt_subtitle = ft.Text(f"{list_tile_subtitle}", data=index)
        self.edit_text = ft.TextField(label='New name')

        self.list_tile_header = ft.ListTile(title=self.txt_header)
        self.row_trailing = ft.Row(width=80, spacing=1)
        self.row_trailing.controls = [self.btn_edit, self.btn_del]

        self.list_tile_content = ft.ListTile(
            title=self.txt_title,
            subtitle=self.txt_subtitle,
            trailing=self.row_trailing
        )

        self.header = self.list_tile_header
        self.content = self.list_tile_content
        self.data = index

        self.dlg = ft.AlertDialog(
            title=ft.Text("Change the name?"),
            modal=True,
            actions=[
                ft.Column(
                    controls=[
                        self.edit_text,
                        ft.Row(
                            controls=[
                                ft.TextButton('Cancel', on_click=self.close_dlg),
                                ft.TextButton('Save', on_click=self.edit)
                            ], alignment=ft.MainAxisAlignment.END
                        )
                    ]
                )

            ]
        )
        pass

    def delete_me(self, e: ft.ControlEvent):
        self.visible = False
        self.update()

    def edit(self, e: ft.ControlEvent):
        self.txt_header.value = f"{self.edit_text.value}"
        self.txt_title.value = f"{self.edit_text.value}"
        self.txt_subtitle.value = f"{self.edit_text.value}"
        self.page.update()
        pass

    def open_dlg_edit(self, e):
        self.page.dialog = self.dlg
        self.dlg.open = True
        self.page.update()
        self.dlg.open = False

    # Closes the dialog box after clearing the input field
    def close_dlg(self, e):
        self.edit_text.value = ""
        self.dlg.open = False
        self.page.update()

    def build(self):
        return self

main.py

import flet as ft
from exp_pnl import Exp_Pnl


def main(page: ft.Page):
    idx = 0

    ep_list = ft.ExpansionPanelList(
        expand_icon_color=ft.colors.AMBER,
        elevation=8,
        divider_color=ft.colors.AMBER,
    )

    for i in range(3):
        exp = Exp_Pnl(
            index=i,
            txt_header=f"Panel {i}",
            list_tile_title=f"This is in Panel {i}",
            list_tile_subtitle=f"Press the icon to delete panel {i}",
            page=page,
        )
        ep_list.controls.append(exp)

    page.add(ep_list)
    page.update()


ft.app(target=main)

[burhansvural]

@Legolaz7
If your problem is solved, I would appreciate it if you mark it as an answer.