الدرس الأول (1) في سلسلة (jQuery jTable Plugin)
مقدمة عن الإضافة (jQuery jTable
Plugin) في تطبيقات الويب للجافا:
هناك إضافة رائعة (plugin) تستطيع إضافتها للجافا و تسهل
لك الكثير من العمل وهي أداة (jTable)
ال (jTable) هي إضافة جي كويري والتي تستخدم لإنشاء جدول
(jTable) تستند على
الأجاكس بدون ترميز (html) أو جافا اسكربت .
فال
(jTable) غني بالمميزات و الإمكانيات . وهذه المقالة
هي مقدمة لمجموعة من المقالات التي ستأتي لتنفيذ الأجاكس التي تعتمد على عمليات (CRUD) مع ميزة جميلة للجي تابل(JQuery)
تقدم في الويب ابليكشن جافا تستخدم السيرفلت servletو الجي اس بي jspبنموذج الإم في سي mvc
CRUD = Create/Retrive/Update/Delete
في واحدة من المقالات ضمن هذه الدروس سنوضح كيف يتم إحضار البيانات من الداتا
بيس بإستخدام الجي كويري أجاكس (JQuery-Ajax) . تضم الكثير من كود الجي كويري JQuery
لجعل الأجاكس يستدعي و يعالج ال (DOM) لتحديث الجدول مع حدوث الإستجابة . بنفس
الطريقة للبقية العمليات (إنشاء ، تعديل / حذف ) يجب ان نكتب الكثيرمن كود الجي كويري (JQuery) لما يسمى بال (DOM) او المعالجة الوظيفية
لنا و تتركنا مع وظيفة معالجة ترميز السيرفر سايد.
على غير إضافات الجي كويري داتا جريد فإن الجي تابل (jtbale) تأخذ فقط (div id) و بشكل اوتوماتيكي تولد جدول
ال (html) داخل ال (div) .
بالإسفل قائمة تتكون من العديد من المزايا يعالجها الجي
تابل :-
1- إنشاء جدول ال (html) أوتوماتيكي و تحميل السجلات
من السيرفر بإستخدام الأجاكس
2- إنشاء "سجل جديد" بإستخدام واجهة نموذج
حوار الجي كويري. فعندما ينشيء اليوزر سجل ، فإنها ترسل الداتا إلى السيرفر
بإستخدام الأجاكس و تضيف نفس السجل إلى الجدول في الصفحة.
3- إنشاء "تعديل السجل " بواسطة واجهة نموذج
حوار الجي كويري، عندما المستخدم يعدل السجل ، فإنها تعدل السيرفر بإستخدام
الأجاكس و تعدل كل الخلايا على الجدول في الصفحة
4- تسمح للمستخدم ب "حذف سجل" بواسطة واجهة
نموذج حوار الجي كويري بإعتماد عملية التأكيد او التحذير عند الحذف . فعندما
المستخدم يحذف سجل ، فإنها تحذف السجل من السيرفر بإستخدام الأجاكس و تحذف السجل
من الجدول في الصفحة
5- عرض الحركات عند عمليات الإنشاء و التعديل و الحذف .
6- تدعم جانب صفحات جانب السيرفر (server side) بإستخدام
الأجاكس
7- تدعم ترتيب جانب
السيرفر (server side) بإسخدام الأجاكس
8- تدعم نموذج (الأب و الإبن ) (master/details) (parent/child).
9- تسمح للمستخدم بتحديد السجلات
10- تسمح للمستخدم بتحديد الأعمدة.
11- تسمح للمستخدم بإظهار / إخفاء الأعمدة .
12- إظهار بعض الأحداث لتفعيل السماح مع النماذج .
13- يمكن تغيير اللغة (localized) بسهولة.
14- كل نماذج الإستايل(style) للجدول(table) و النماذج (forms) معرفة في ملف ال (CSS) ، لذلك يمكنك تغيير الإستايل بسهولة لكل شيء و ذلك بإستخدم
الإضافة (jQuery jtable) في
صفحتك . ملف ال (CSS) معرف
جيداً و مكتوب التعليقات فيه.
15- تأتي بثيمات(theme) و ألوان معرفة مسبقاً .
16- غير معتمدة على أي سيرفر سايد تكنولوجي
17- هي بلاتفورم (Platform) مستقلة و تعمل على المتصفحات المشهورة
دعونا نرى كيف يتم تهيئة الجي تابل (jTable) بلج ان
في مشروع الجافا ويب و عرض البيانات من قاعدة البيانات في الاجزاء التالية من سلسلة
الدروس هذه.
الكثير من التقنيات تم استخدامها هنا و بالتأكيد ستستفيد منها.
الدرس التالي بعنوان (
إعداد و تحميل البيانات في ال (jTable ) بإستخدام السيرفلت (Servlets ) و ال (JSP) ) من هنا
الدرس التالي بعنوان (
إعداد و تحميل البيانات في ال (jTable ) بإستخدام السيرفلت (Servlets ) و ال (JSP) ) من هنا
فضلاً إترك تعليقك و استفساراتك حول هذا الموضوع في جزء
التعليقات اسفل كي أحسن انا من مهاراتي في الكتابة و التدوين و إظهار التدوين بشكل
جيد و مفيد ، انشر المقال وانفع به غيرك . شكراً لمرورك و قراءتك للمقال .
ۚ فَأَمَّا الزَّبَدُ فَيَذْهَبُ جُفَاءً ۖ وَأَمَّا مَا
يَنفَعُ النَّاسَ فَيَمْكُثُ فِي الْأَرْضِ ۚ
شارك المقال و انفع به غيرك
المراجع
ليست هناك تعليقات