هناك أربعة عناصر مصممة لاختيار المستخدم من القائمة في AppMaster :

  • يختار
  • اسقاط
  • حدد (تعداد)
  • إعادة تحديد

هذه العناصر في مصمم تطبيقات الويب:

Elements in the web application designer

Select

تم تصميم هذا العنصر للاختيار من قائمة ثابتة من الخيارات المعينة في المحرر.

بعد نقل عنصر Select إلى اللوحة القماشية ، ستظهر نافذة منبثقة ، حيث يمكنك اختيار ما إذا كان التحديد سيأخذ قيمة واحدة أو عدة قيم.

This element is designed to select from a static list of options set in the editor.

لإضافة وتحرير الخيارات للتحديد ، انقر فوق العنصر ، وانتقل إلى علامة التبويب Option .

Dropdown

Dropdown مشابهة لـ Select ، لكنها لا تحفظ القيمة المحددة. غالبًا ما تبدأ القائمة Dropdown بعض BP عند النقر فوق أحد الخيارات.

لإضافة وتحرير الخيارات للتحديد ، انقر فوق العنصر ، وانتقل إلى علامة التبويب Option .

 Dropdown often starts some BP when you click on one of the

Select (enum)

Select (enum) يستخدم لتحديد قيمة من enum . عند إنشاء هذا العنصر ، تظهر نافذة حيث يتعين عليك تحديد مصدر البيانات (أحد enum الحالي).

Select (enum) is used to select a value from an enum

Relselect

يستخدم هذا العنصر لتحديد القيم من السجلات في قاعدة البيانات. عند إنشائه ، يجب عليك اختيار مصدر البيانات من قائمة النماذج. بعد تحديد المصدر ، ستتمكن من تحديد الحقل المراد عرضه.

لنقم بإنشاء RelSelect مع User مصدر البيانات وحقل Login .

Let's create a RelSelect with the data source User and the field Login.

لكي يعمل RelSelect ، تحتاج إلى إرسال البيانات الضرورية باستخدام عملية الأعمال.

يجب أن تتلقى BP البيانات باستخدام كتلة GET وتمريرها إلى RelSelect, باستخدام كتلة RelSelect Update Properties .

لنقم بتحميل كل مسؤولي التطبيق في RelSelect . استخدم Server Request GET /user/ block. قم بتعيين القيمة الافتراضية groups حقول الإدخال إلى admin . لذلك في حقل بيانات الإخراج ، سنحصل فقط على المستخدمين من مجموعة Admin . قم بتمرير هذه البيانات إلى RelSelect Update Properties.

لكي يظهر حقل البيانات في RelSelect Update Properties ، حدد Component ID .

الآن ، RelSelect عمليات تسجيل الدخول لجميع مسؤولي التطبيق.

يمكن استخدام التحديد الذي قام به المستخدم لاحقًا في BP. هناك مجال selected لهذا الغرض. يخزن القيم المحددة.

افترض أن لدينا نموذج بيانات task مرتبطًا بالمستخدمين. مع RelSelect ، يمكننا فقط عرض تلك tasks المتعلقة بالمستخدم المحدد.

دعنا نضيف جدول task إلى الصفحة ونعود إلى BP الذي تم تكوينه من أجل RelSelect .

قم بإنشاء BP أخرى فيه onChange ، والذي سيقوم بتحديث البيانات في الجدول بعد التحديد في RelSelect .

مع كتلة RelSelect Get Properties ، نحصل على المستخدم المحدد.

قم بتوسيعه باستخدام Expand User ، وقم بتمرير ID إلى كتلة Server Request GET /task/ وقم بتمرير البيانات إلى كتلة Table Update Data .

Display only those tasks related to the selected user

عند تحديد مستخدم في RelSelect ، سيعرض جدول المهام السجلات المرتبطة بالمستخدم المحدد.

Was this article helpful?

AppMaster.io 101 حلقة دراسية مكثفة

10 وحدات
2 أسابيع

لست متأكدا من أين تبدأ؟ ابدأ في الدورة التدريبية المكثفة للمبتدئين واستكشف AppMaster من الألف إلى الياء.

ابدأ الدورة
Development it’s so easy with AppMaster!

هل تريد المزيد من المساعدة؟

حل أي مشكلة بمساعدة خبرائنا. وفر الوقت وركز على بناء تطبيقاتك.

headphones

اتصل بالدعم

أخبرنا عن مشكلتك ، وسنجد لك حلاً.

message

دردشة المجتمع

ناقش الأسئلة مع مستخدمين آخرين في محادثتنا.

الانضمام إلى المجتمع