درس طريقة عمل Grid View موضح بالصور

[smart-man]

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

في هذا الدرس راح نشتغل 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

وهيك الجزء الاول من الدرس بكون انتهى الحمد لله

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

بتمنى نكون قدمنا بعض الفائدة لكم
الأعضاء الكرام طبعا أي سؤال لا تترددو ...
هذا ايميلي اذا في اي استفسار
gh.smart@hotmail.com
تحياتي

[ahmeds_link]

شكراً لك أخي الكريم علي الشرح بهذه الطريقة المميزة