أنشئ نموذجًا ديناميكيًا باستخدام Ajax وjQuery

Question

أقوم بإنشاء تطبيق ويب صغير جدًا لتخطيط موارد المؤسسات (ERP) باستخدام PHP / mySQL / CodeIgniter / jQuery
تم إنشاء الفاتورة/الفاتورة باستخدام

current date
client data
etc

الآن، يجب أن أضيف منتجات إلى تلك الفاتورة الجديدة التي يتم إنشاؤها، دون إعادة تحميل/إرسال الصفحة.سيكون لكل منتج الكمية الخاصة به، والوصف، وسعر الوحدة، والإجمالي الفرعي، وما إلى ذلك.

أرغب في إضافة كل "صف" منتج باستخدام Ajax/jQuery.

• كيف يمكنني بناء نموذج المنتجات بشكل ديناميكي؟أعني السماح للمستخدمين بإضافة صف منتج جديد أو إزالة صفوف المنتج من الفاتورة باستخدام Ajax؟
• كيف يتم جمع كافة "الصفوف" المضافة ديناميكيًا في النموذج للحصول على إجمالي الفاتورة؟
• وكيف يجب أن أتلقى كافة البيانات البريدية وأتعامل معها حتى أتمكن من إدراج سجل الفاتورة المناسب في جدول الفواتير وإدراج سجلات المنتجات في جدول Products_invoices؟

يحرر:هنا يمكنك رؤية مثال عملي لما أريد القيام به
http://www.bambooinvoice.org/index.php/invoices/newinvoice

تحرير 2:يبدو أن هذا البرنامج المساعد jQuery هو ما كنت أبحث عنه
http://code.google.com/p/jquery-dynamic-form/

Answer 1

يجب عليك في الأساس إضافة عناصر النموذج إلى DOM ديناميكيًا حيث يستمر المستخدم في إضافة صفوف من البيانات الجديدة.أعتقد أن jquery سيكون مفيدًا جدًا في استخدام واجهات برمجة التطبيقات القياسية للوصول إلى/تعديل عقد DOM.

لتلخيص الأرقام، عليك تغليف الحقول الرقمية بخطافات خاصة مثل <span id="value_x">34</span> أين x هو عداد.بعد كل إضافة لهذه البيانات الجديدة، قم بالتكرار من خلال هذه span العناصر وجمع القيم وعرضها في حقل مثل $("#sumtotal").innerHTML = sum;

بعد التحديثات الديناميكية للنموذج، عندما ينقر المستخدم على زر الإرسال، ستنتقل جميع بيانات النموذج إلى الخادم كبيانات نشر عادية.يجب عليك استخدام السليم name و id سمات حقول البيانات التي تريد معالجتها في الخادم وتحديث بعض جداول قاعدة البيانات.

Answer 2

نظرًا لأنك تستخدم jQuery، سأستخدم المكون الإضافي jQuery Grid لتنفيذ قسم صفوف المنتج.

http://www.trirand.com/blog/

إنه مرن وقابل للتكوين بدرجة كبيرة، ويمكنك استخدام Ajax لملء الصفوف يدويًا أو تلقائيًا (يمكن قراءتها مباشرة من جدول MySQL مع واجهة PHP خلفية بسيطة) ولديك كل التسهيلات لتكرار جميع الصفوف لنشر النتائج على الخادم ، لإجراء ترقيم الصفحات (إذا كنت بحاجة إلى عدد كبير من الصفوف، فقد استخدمناها بنجاح مع أكثر من 15.000 صف) ولإجراء الإضافات والعمليات الأخرى.

نأمل أن يساعد!