Refresh a certain Flet element in a for loop

[16Integer]

Hi, I'm currently creating a Password Manager program using Flet. I am trying to figure out how if I have a for loop for every 4 lines of a file to show text, with a remove button for each 4 lines, how I can make the remove button remove the container it was in, because at the moment to display the updated text, you have to rerun the application.

[FeodorFitsner]

Would you post a simple code demonstrating your issue?

[16Integer]

Any way to do it with Columns and also remove multiple elements from the page?

[ndonkoHenri]

I don't seem to get your point. Please provide some more context and information.

[16Integer]

As in, if I were packing the items into a column widget, for some reason, this method doesn't work. Also, by using this method, how can I remove multiple widgets instead of just one, ex: I have a button and text in a for loop being assigned to a column created outside the for loop (for scrolling purposes). I want to remove the correct button and text when the button is clicked.

[ndonkoHenri]

Does this match your needs?

import flet as ft


def button_cmd(remove_from, controls):
    if controls:
        for c in controls:
            remove_from.controls.remove(c)
    remove_from.update()


def main(page: ft.page):
    page.title = "Example GUI"
    page.horizontal_alignment = "center"
    page.vertical_alignment = "center"
    page.window_width = 420
    page.window_height = 420

    example_title = ft.Text("My App", font_family="Arial, sans-serif", size=26, weight="bold")
    example_text = ft.Text("This is my app example.")
    example_col = ft.Column()
    
    page.add(example_title, example_text, example_col)

    for i in range(5):
        text = ft.Text(f"Title {i}")
        example_button = ft.ElevatedButton(
            text="Click me!",
            data=[text],    # this is a list; you can add some more controls here; it is unpacked below
            on_click=lambda e: button_cmd(
                remove_from=example_col,
                controls=[*e.control.data, e.control] # notice the unpack sign (*)
            )
        )
        example_col.controls.extend([text, example_button])
    page.update()


if __name__ == "__main__":
    ft.app(target=main)

[16Integer]

Thank you so much! You've helped me quite a bit. I was stuck on this for a while.