كيفية استخدام العناصر المختلفة لتحديد الخيارات

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

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

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

Select

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

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

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

Dropdown

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

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

Select (enum)

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

Relselect

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

لنقم بإنشاء RelSelect مع User مصدر البيانات وحقل 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 .

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