هل يمكن حقن المعاملات من القالب إلى إجراء الودجة؟

مطور
1

مواصلة النقاش من دليل المطورين لسمات Discourse:

أعزائي،

تساءلت عما إذا كان يمكن حقن المعاملات من القالب إلى إجراء معين، ولم أجد إجابة إيجابية ولا سلبية في دليل @Johani. هدفي هو توليد عدة عناصر واجهة (widgets) بواسطة القالب، بحيث يعرف الإجراء الخاص بكل منها معامل حلقة {{#each}}.

مثال، بعد اختيار زر الاختيار المتعدد لإشعارات التصنيف:

<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" ***حقن c كمعامل بطريقة ما***)
    }}
{{/each}}
</script>

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

هل توجد طريقة داخل changeCategoryNotificationLevel لمعرفة التصنيف الذي نحن فيه من القالب؟

إذا لم يكن ذلك ممكناً، وإذا كانت مشكلتي موصوفة بشكل كافٍ، فهل يمكن لأحد أن يرى طريقة أخرى لتحقيق نفس النتيجة؟

شكراً مقدماً

2

لم أستطع العثور على أي شيء يتعلق بالمشكلة العامة، لكنني تمكنت من حل مشكلتي باستخدام

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

وهو ما يعني، على ما أظن، أنني أريد تعديل حقل c.notification_level بالقيمة التي يعيدها الزر.

3

في الواقع، لم يكن من الممكن اختراق مشكلتي بالطريقة المذكورة أعلاه:

  • نعم، تم تغيير مستوى الإشعارات ولكن…
  • لم يتم حفظه. ستحتاج إلى النقر في مكان آخر لحفظه بإجراء آخر.

من خلال البحث المكثف عن كلمات عشوائية في قاعدة بيانات كود GitHub، تمكنت من العثور على بنية مثل هذه:
{{d-button action=(action "up" wc) ...}}.

بعد بعض الاختبارات، توصلت إلى الاستنتاج بأن الأمر يعمل بهذه الطريقة:

  • القالب:
    {{d-button action=(action "اسالإجراء" arg1 arg2) ...}}`.
  • JavaScript:
    api.modifyClass("component:some-component", {
    actions: {
        nameoftheaction(arg1, arg2, argA, argB) {
            console.log(arg1);
            console.log(arg2);
            console.log(argA);
            console.log(argB);
        }
    }
})

أول حجتين arg1 و arg2 في الطرق هما اللتان تُمرران بواسطة القالب. أما الحجج المتبقية argA، argB… فقد تُعطى حسب خصوصية المكون (على سبيل المثال، سيعيد زر category-notifications-button عددًا صحيحًا يعتمد على الإعداد الذي ينقر عليه المستخدم).

أنا لست متأكدًا تمامًا من صحة ما أكتبه، لكنه قد يساعد شخصًا يطرح نفس السؤال الذي طرحته.