تقديم النموذج الديناميكي باستخدام JavaScript - كيفية التعليمات البرمجية الأنيقة؟

Question

هنا هي المشكلة:

صفحتي تعرض مجموعة من العناصر. يحتوي كل عنصر على خانة اختيار مرتبطة به (وهو جزء من النموذج). قد تحقق المستخدم من أي من خانات الاختيار هذه واضغط على زر "حذف". تحتوي نفس الصفحة أيضا على زر "تحميل" يقوم بتحميل ورقة Excel. في الوقت الحالي، عمل نموذجي لتقوله: "Xyzaction" ولدي اثنين من معالجين مختلفين (مماثل لإجراءات الدعامات) - واحد لحذف المتاجر وغيرها لتحميل المتاجر.

قيل لي أن أفضل طريقة للقيام بذلك هي الاعتماد على JavaScript من خلال القيام بأحد هذه: 1)) إجراء نموذج التبديل على الضغط على تحميل وأزرار حذف - هناك عن طريق استدعاء إجراءات مختلفة. 2) استخدم متغير مخفي "ACT" لتعيينه لحذف / تحميل وإرساله إلى نموذج واحد. سيعتني الإجراء الجانبي الخادم بتحديد القانون وإعادة توجيه الإجراءات المقابلة.

النهج (1) - يبدو مذهلا للغاية بالنسبة لي. اللعب مع عمل النموذج يبدو غير ضروري. من الواضح أن النهج (2) - من الواضح أن لا يعمل إذا تم إيقاف تشغيل جافا سكريبت وليس أنيقا أيضا أيضا.

يجب أن يكون هناك طريقة ثالثة للقيام بذلك؟، مما يجعلني سعيدا؟

Answer 1

تحتاج إلى الحصول على HTML الصحيح أولا.

لديك إجراءان مختلفان، لذلك يجب أن يكون لديك نموذجين - هناك قاعدة جيدة للإبهام هو أن كل نموذج يجب أن يكون لديك زر إرسال واحد فقط. هذه هي أفضل الممارسات ل HTML وستضمن أن تعمل الصفحة بدون JS أو أي خداع آخر.

بمجرد أن يكون لديك الصفحة تعمل مثل هذا، استخدم JS لمعالجة DOM لإنتاج UI الذي تحتاجه. يستخدم هذا JS لإضافة BehRPour إلى UI وهو أفضل ممارسة ل JS غير مزعجة.

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

Answer 2

يبدو أنك قد تحتاج إلى شكلين مختلفين، بالنسبة للإجراءات المختلفة.