يوم سوالف، في 7 أغسطس القادم

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ASP و ASP.NET
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو جديد
تاريخ التسجيل: Apr 2008-
#1 (permalink)  
درس طريقة عمل Grid View موضح بالصور


السلام عليكم ورحمة الله وبركاته

في هذا الدرس راح نشتغل Grid View
طبعا ال Grid View بيفيدنا كتييير في الموقع
مثلا لو حبينا نعرض جميع المشتركين بالموقع .. نعرضهم من خلال ال Grid View
وطبعا هذا بفيد مدير الموقع كتير وبريحه بالشغل

ان شاء الله هنعمله اليوم عن طريق ال Wizard والمرة القادمة اذا حابين بنعمله بالكود
نبدا بالدرس ...

أولا:
يفضل انه كل شغلنا نشتغله داخل جدول table
فاول خطوة هتكون انه هنعمل جدول داخل الصفحة
نذهب الى Layout في شريط الادوات .. ونختار insert table
ونحدد عدد الصفوف والاعمدة ونحدد عرض وطول الخلايا


ثانيا :
نذهب الى شريط الادوات ToolBox .. ثم الى Data
ونسحب Grid View الى داخل الجدول الي أنشاناه (خطوة رقم 1)
ثم نضغط على Auto Format (خطو رقم 2)
ونحدد الشكل العام لل Grid View (خطو رقم 3)
ثم نضغط OK (خطوة رقم 4)

http://smart-man.sitesled.com/1.JPG

انا اخترت ال Classic .. طبعا بامكانكو تختارو اي فورمات تاني


ثالثا :
ثم نحدد الداتا الي عاوزين نعرضها بال Grid View
فنذهب الى Choose data source (خطوة رقم 2)
ونختار New data source كمل هو موضح بالصورة (خطوة رقم 3)

http://smart-man.sitesled.com/2.JPG

رابعا :
الداتا الي عنا موجودة بداتا بيز .. نختار Data Base من القائمة(خطوة رقم 1)
ونختار اسم لها (خطوة رقم 2)
ثم نضغط OK (خطوة رقم 3)

http://smart-man.sitesled.com/3.JPG

خامسا :
ننشأ اتصال بالداتا بيز .. فنضغط على new Connection (خطوة رقم 1)
ثم نضع اسم الكمبيوتر الذي نعمل عليه .. او نضع نقطة بدل اسم الجهاز (خطوة رقم 2)
ونحدد اسم ال Data Base التي سنأخذ منها البيانات (خطوة رقم 3)
ثم نضغط OK (خطوة رقم 4)

http://smart-man.sitesled.com/4.JPG

سادسا :
تظهر رسالة معناها انه هل تريد ان تحفظ الاتصال الي أنشاته
فنحدد اسم للاتصال الذي انشاناه .. حتى ندخل الى هذا الاتصال كل مرة

http://smart-man.sitesled.com/5.JPG

سابعا :
تظهر اعمدة الداتا بيز التي سنعرضها
فنحددها جميعا للعرض (خطوة رقم 1)
ثم نضغط على Advance ونفعل كما هو موضح بالصورة حتى يمكننا الاضافة والتعديل والحذف من الداتا بيز
ونكمل الخطوات رقم 3 و4 و5

http://smart-man.sitesled.com/6.JPG

ثامنا :
تظهر هذه النافذة فنضغط على Test Query حتى نتأكد من صحة الاتصال

http://smart-man.sitesled.com/7.JPG

تاسعا وأخيرا :
نضغط على Enable Paging ,Enable Sorting ,Enable Editing , Enable Deleting

http://smart-man.sitesled.com/8.JPG

فيصبح الشكل النهائي كالآتي :

السلام عليكم ورحمة الله وبركاته

في هذا الدرس راح نشتغل Grid View
طبعا ال Grid View بيفيدنا كتييير في الموقع
مثلا لو حبينا نعرض جميع المشتركين بالموقع .. نعرضهم من خلال ال Grid View

ان شاء الله هنعمله اليوم عن طريق ال Wizard والمرة القادمة هنعمله بالكود
نبدا بالدرس ...

أولا:
يفضل انه كل شغلنا نشتغله داخل جدول table
فاول خطوة هتكون انه هنعمل جدول داخل الصفحة
نذهب الى Layout في شريط الادوات .. ونختار insert table
ونحدد عدد الصفوف والاعمدة ونحدد عرض وطول الخلايا


ثانيا :
نذهب الى شريط الادوات ToolBox .. ثم الى Data
ونسحب Grid View الى داخل الجدول الي أنشاناه (خطوة رقم 1)
ثم نضغط على Auto Format (خطو رقم 2)
ونحدد الشكل العام لل Grid View (خطو رقم 3)
ثم نضغط OK (خطوة رقم 4)

http://smart-man.sitesled.com/1.JPG

انا اخترت ال Classic .. طبعا بامكانكو تختارو اي فورمات تاني


ثالثا :
ثم نحدد الداتا الي عاوزين نعرضها بال Grid View
فنذهب الى Choose data source (خطوة رقم 2)
ونختار New data source كمل هو موضح بالصورة (خطوة رقم 3)

http://smart-man.sitesled.com/2.JPG

رابعا :
الداتا الي عنا موجودة بداتا بيز .. نختار Data Base من القائمة(خطوة رقم 1)
ونختار اسم لها (خطوة رقم 2)
ثم نضغط OK (خطوة رقم 3)

http://smart-man.sitesled.com/3.JPG

خامسا :
ننشأ اتصال بالداتا بيز .. فنضغط على new Connection (خطوة رقم 1)
ثم نضع اسم الكمبيوتر الذي نعمل عليه .. او نضع نقطة بدل اسم الجهاز (خطوة رقم 2)
ونحدد اسم ال Data Base التي سنأخذ منها البيانات (خطوة رقم 3)
ثم نضغط OK (خطوة رقم 4)

http://smart-man.sitesled.com/4.JPG

سادسا :
تظهر رسالة معناها انه هل تريد ان تحفظ الاتصال الي أنشاته
فنحدد اسم للاتصال الذي انشاناه .. حتى ندخل الى هذا الاتصال كل مرة

http://smart-man.sitesled.com/5.JPG

سابعا :
تظهر اعمدة الداتا بيز التي سنعرضها
فنحددها جميعا للعرض (خطوة رقم 1)
ثم نضغط على Advance ونفعل كما هو موضح بالصورة حتى يمكننا الاضافة والتعديل والحذف من الداتا بيز
ونكمل الخطوات رقم 3 و4 و5

http://smart-man.sitesled.com/6.JPG

ثامنا :
تظهر هذه النافذة فنضغط على Test Query حتى نتأكد من صحة الاتصال

http://smart-man.sitesled.com/7.JPG

تاسعا وأخيرا :
نضغط على Enable Paging ,Enable Sorting ,Enable Editing , Enable Deleting

http://smart-man.sitesled.com/8.JPG

فيصبح الشكل النهائي كالآتي :

http://smart-man.sitesled.com/9.JPG

http://smart-man.sitesled.com/10.JPG

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






smart-man غير متواجد حالياً   قديم 26-04-2008, 11:55 PM
رد مع اقتباس
رد


أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
طريقة عمل سيرفر شبكات بأستخدام Ubuntu مرعوب الشبكات والخوادم في نظام لينكس 18 18-05-2008 11:55 PM
[ درس - CSS ] طريقة عمل أزرار Hover رائعة ! استفيد منها الان وتعلم طريقتها ! mab-dz ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها 7 14-10-2007 12:04 AM
بصراحة : كل ما تريدة بضغطة واحدة !! eltawoos.com تطوير الويب 8 06-03-2006 03:26 PM
طريقة عمل شبكة بين جهازين وإستخدام إشتراك إنترنت واحد بينهم وطابعة واحدة jooood2004 أخبار الإنترنت والتقنية ومناقشتها 9 31-01-2005 10:24 AM
درس عمل نص مزخرف بالفوتوشوب...مدعم بالصور _-*الفيصل*-_ قسم التصميم والرسومات والمونتاج 5 24-02-2001 04:02 PM


الساعة الآن: 11:40 AM بتوقيت المملكة العربية السعودية