Skip to content

PyWebIO - put_buttons

PyWebIO
  • Ich hatte mir heute Morgen beim Kaffee gedacht, es wäre doch ganz schön, wenn manch ein Button eine andere Farbe hätte. Der Plan war, den Delete Button rot zu machen.

    Das Ergebnis

    72cd20ed-900c-43c9-8031-e4d86f16bd06-grafik.png

    Meine Ausgangs Code Zeile war das hier

    put_buttons(['Edit', 'Delete'], onclick=partial(actions, count + 1)),
    

    Das macht zwei Buttons, mit der entsprechenden Auswertung. Die Dokumentation findet man hier.

    Ich habe wieder ganz schön rumprobiert, bis es geklingelt hat 🙂 So muss das aussehen, damit es schön aussieht und funktioniert.

    put_buttons([
        dict(label='Edit', value='Edit', color='primary'),
        dict(label='Delete', value='Delete', color='danger'),
                ], onclick=partial(actions, count + 1))
     ])
    

    Wenn man es mal kapiert hat, ist es eigentlich ganz einfach. Man macht jedes mal ein Dict für EINEN Button auf. Das Format ist in der Dokumentation folgendes.

    {
        "label":(str)button label,
        "value":(str)button value,
        "color":(str, optional)button color,
        "disabled":(bool, optional) whether the button is disabled
    }
    

    Damit habe ich heute Morgen beim Kaffee wieder was gelernt 🤓

  • Und noch eine kleine Übung, wie man den Buttton abhängig von einem Value enabled/disabled

    # we build header and tdata for table
    tab_mount = []
    
    for count, value in enumerate(backups):
        if count == 0:
            tab_mount.append(['No.', 'Backup name of the restic data backup', 'Actions'])
    
        if backups[value].init == "0":
            tab_mount.append([count + 1,
                             backups[count].name,
                             put_buttons([
                                 dict(label='Mount', value='Mount', color='primary', disabled=True),
                                 dict(label='UMount', value='UMount', color='primary', disabled=True),
                                 dict(label='Restore', value='Restore', color='primary', disabled=True),
                                     ] , onclick=partial(actions, count + 1))
                                     ])
        else:
            tab_mount.append([count + 1,
                             backups[count].name,
                             put_buttons([
                                 dict(label='Mount', value='Mount', color='primary'),
                                 dict(label='UMount', value='UMount', color='primary'),
                                 dict(label='Restore', value='Restore', color='primary'),
                                     ], onclick=partial(actions, count + 1))
                                     ])
    

  • 0 Stimmen
    1 Beiträge
    62 Aufrufe
    Niemand hat geantwortet
  • 0 Stimmen
    3 Beiträge
    141 Aufrufe
    FrankMF

    Mein vorhandenes Projekt war doch etwas größer als ich gedacht hatte. Also musste ich mehr Zeit aufwenden um es nach Flask zu transferieren. Nach einiger Zeit hatte sich eine ganz ansehnliche Zahl von Dateien angesammelt und es kam wie es kommen musste, ich wusste manchmal nicht mehr, welches File ich anfassen musste. Chaos kam auf 🙂

    So fing ich an ein wenig zu recherchieren und kam auf die Funktion Blueprint von Flask. Mich ein wenig eingelesen, ChatGPT mal eben um ein Beispiel gebeten und dann angefangen die Applikation entsprechend umzubauen.

    Auch das hat Zeit gekostet. Aber, jetzt habe ich ein aufgeräumtes Projekt, was es mir wesentlich einfacher macht, daran zu arbeiten.

    5226e90d-aa20-4b20-93af-e50f8f841880-grafik.png

    Wenn ihr also mal vorhabt, so was zu coden, halte ich es für sinnvoll das Projekt von Anfang an zu strukturieren. Und zum Schluss noch ein Screenshot zum Stand des Projektes.

    a7981ffc-0f93-41f4-93e2-c914fdba5e43-grafik.png

    Und weiter geht es, ist nämlich noch nicht fertig 😀

  • Example Class

    Angeheftet Python3
    3
    0 Stimmen
    3 Beiträge
    103 Aufrufe
    FrankMF

    In meinem PywebIO Projekt tauchte heute ein alter Bekannter auf. Wenn ich einen Eintrag (innerhalb der Liste) löschte, war das etwas durcheinander 🤔

    Ja, den Fehler kenne ich schon was länger und stolper immer mal wieder drüber. Heute z.B.

    Also mal grübeln 🤓

    Das mache ich, wenn ich einen Eintrag lösche

    case 'Yes': # delete entrie BackupList.delete((line - 1)) # save json BackupList.save_json() # Load data from filesystem BackupList.load_json() # Reload Tab Backup backup()

    Ich mache folgendes

    lösche den Eintrag speicher die Liste lade die Liste baue den Tab wieder auf

    Das führt aber dazu, das meine Liste die als Objekt im Speicher steht nicht aktuell ist. Im Gegenteil, da ist dann etwas Unordnung. Ich brauchte also die Möglichkeit mein Objekt backups irgendwie zurückzusetzen.

    Mal gegoogelt und die Dinge sind manchmal wirklich total easy 🙂

    # clear dict backups.clear()

    Das leert das Objekt und im nächsten Schritt kann ich es wieder befüllen.

    Lösung case 'Yes': # delete entrie BackupList.delete((line - 1)) # save json BackupList.save_json() # clear dict backups.clear() # Load data from filesystem BackupList.load_json() # Reload Tab Backup backup()

    Problem erledigt. Damit ich das noch finde, wenn mein Kopf das nicht mehr hergibt, notiere ich das hier.

  • PyWebIO - Footer bearbeiten

    PyWebIO
    1
    0 Stimmen
    1 Beiträge
    75 Aufrufe
    Niemand hat geantwortet
  • PyWebIO

    Angeheftet PyWebIO
    1
    0 Stimmen
    1 Beiträge
    157 Aufrufe
    Niemand hat geantwortet
  • Restic UI - PyWebIO

    Python3
    3
    0 Stimmen
    3 Beiträge
    237 Aufrufe
    FrankMF

  • Python - Match-Case Statement

    Python3
    1
    0 Stimmen
    1 Beiträge
    82 Aufrufe
    Niemand hat geantwortet
  • Qt 5 Designer

    Python3
    1
    0 Stimmen
    1 Beiträge
    92 Aufrufe
    Niemand hat geantwortet