Können Parameter aus der Vorlage in eine Widget-Aktion injiziert werden?

Entwickler
1

Fortsetzung der Diskussion aus Entwicklerleitfaden für Discourse-Themen:

Hallo zusammen,

ich habe mich gefragt, ob Parameter von einer Vorlage in eine Aktion injiziert werden können, und konnte in @Johanis Leitfaden weder eine positive noch eine negative Antwort finden. Mein Ziel ist es, mehrere Widgets zu generieren, die von der Vorlage erstellt werden, wobei die Aktion jedes Widgets den Parameter der {{#each}}-Schleife kennen soll.

Ein Beispiel, nachdem die Multiauswahl-Taste für Kategorien-Benachrichtigungen ausgewählt wurde:

<script type="text/x-handlebars" data-template-name="components/some_component">
{{#each categories as |c|}}
    {{category-notifications-button
        value=c.notification_level
        category=c
        onChange=(action "changeCategoryNotificationLevel" ***irgendwie_c_als_Parameter_injizieren***)
    }}
{{/each}}
</script>

<script type="text/discourse-plugin" version="0.8">
  api.modifyClass("controller:some_component", {
    actions: {
      changeCategoryNotificationLevel(selected_value, ***c_als_Parameter***) {
        c_as_a_parameter.setNotification(notificationLevel);
      }
    }
  }
});
</script>

Gibt es eine Möglichkeit, innerhalb von changeCategoryNotificationLevel zu wissen, in welcher Kategorie ich mich aus der Vorlage befinde?

Falls nicht: Wenn mein Problem gut genug beschrieben ist, kann jemand einen anderen Weg sehen, um das gleiche Ergebnis zu erzielen?

Vielen Dank im Voraus

1 „Gefällt mir“
2

Ich habe nichts zum allgemeinen Problem finden können, aber ich habe mein Problem mit folgendem Code umgangen:

{{#each categories as |c|}}
    {{category-notifications-button
        ...
        onChange=(action (mut c.notification_level))
    }}
{{/each}}

Das bedeutet, ich möchte vermutlich das Feld c.notification_level mit dem vom Button zurückgegebenen Wert ändern.

3

Tatsächlich ließ sich mein Problem nicht so lösen, wie oben dargestellt:

  • Ja, die Benachrichtigungsstufe wurde geändert, aber…
  • sie wurde nicht gespeichert. Man müsste woanders klicken, um sie mit einer anderen Aktion zu speichern.

Durch intensives Suchen nach zufälligen Schlüsselwörtern in der GitHub-Code-Datenbank konnte ich eine Struktur wie diese finden:
{{d-button action=(action "up" wc) ...}}.

Durch einige Tests kam ich zu dem Schluss, dass es so funktioniert:

  • Vorlage:
    {{d-button action=(action "nameoftheaction" arg1 arg2) ...}}`
  • JS:
    api.modifyClass("component:some-component", {
    actions: {
        nameoftheaction(arg1, arg2, argA, argB) {
            console.log(arg1);
            console.log(arg2);
            console.log(argA);
            console.log(argB);
        }
    }
})

Die ersten Argumente arg1, arg2 der Methoden sind diejenigen, die von der Vorlage übergeben werden. Die verbleibenden Argumente argA, argB … können durch die Spezifität der Komponente übergeben werden (zum Beispiel gibt der category-notifications-button eine Ganzzahl zurück, abhängig von der Einstellung, auf die der Benutzer klickt).

Ich bin absolut nicht sicher, ob das, was ich schreibe, korrekt ist, aber es könnte jemandem helfen, der dieselbe Frage hat wie ich.

1 „Gefällt mir“