[RaggiTech]

خصائص أداة الـ ListView

سنتعرف الآن على أهم خصائص ووظائف أداة الـ ListView وهي كما يلي :
• AutoResizeColumn : تستخدم لتحجيم الأعمدة في الأداة .. ولها باراميترين وهما كما يلي
• Index : رقم العمود
• HeaderAutoResize : تحديد نمط التحديد ولها ثلاث خيارات وهي كما يلي
• ColumnHeaderAutoResizeStyle.ColumnContent : تحجيم العمود بناء على طول نص في حقول ذلك العمود .
• ColumnHeaderAutoResizeStyle.HeaderSize : تحجيم العمود بناء على طول النص في عنوان العمود .
• ColumnHeaderAutoResizeStyle.None : عدم فعل أي شيء


•AutoResizeColumns : تستخدم لتحجيم جميع الأعمدة في الأداة دفعة واحدة ولها بارميتر واحد وهو HeaderAutoResize
• BackColor : لتغيير لون خلفية أداة الـ ListView
• BackgroundImage : لوضع صورة في أداة الـ ListView
• BorderStyle : لتغيير شكل الأداة
• BringToFront : جعل أداة الـ ListView في مقدمة الأدوات
• CheckBoxes : إظهار أو إخفاء مربعات التحديد في الأداة
• Clear : مسح جميع محتويات أداة الـListView بما في ذلك الأعمدة
• Dispose : إزالة الأداة عن النموذج
• Enabled : تفعيل وتعطيل أداة الـ ListView
• Focus : التركيز على أداة الـ ListView
• FocusedItem : ولها عدة وظائف مشابهه للخاصية Item التابعة للخاصية Items ويتم تطبيق هذه الوظائف على الصف المحدد في الأداة .. فمثلاً يمكن حذف الصف المحدد كما يلي

كود :

[color=#000000][COLOR=#0000bb]ListView1[/color][color=#007700].[/color][color=#0000bb]FocusedItem[/color][color=#007700].[/color][color=#0000bb]Remove[/color][COLOR=#007700]()  
[/COLOR][/COLOR]

• Font : تغيير الخط في كامل الأداة
• ForeColor : تغيير لون الخط في أداة الـ ListView
• FullRowSelect : جعل شريط التحديد يمتد على جميع الحقول في الصف
• GridLines : لإظهار الخطوط في أداة الـ ListView
• HeaderStyle : وهي لأسلوب عرض عنوان الأعمدة وهي كما يلي
• ColumnHeaderStyle.Clickable : القدرة على ضغط عنوان الأعمدة .
• ColumnHeaderStyle.Nonclickable : عدم القدرة على ضغط عنوان الأعمدة.
• ColumnHeaderStyle.None : عدم فعل أي شيء

• Hide : اخفاء الأداة عن النموذج
• HoverSelection : القدرة على تحريك شريط التحديد من خلال تحريك الماوس
• MultiSelect : خاصية تتيح القدرة على تحديد أكثر من صف في الـ ListView
• RightToLeftLayout : تحويل اتجاه أداة الـ ListView من اليمين إلى اليسار وهذا مناسب مع البرامج العربية .. ولكي تعمل هذه الخاصية يجب ضبط خاصية RightToLeft = True كما يلي
ListView1.RightToLeft = RightToLeft.Yes
ListView1.RightToLeftLayout = True

• Scrollable : يمكن من خلال هذه الخاصية إظهار أو إخفاء أشرطة التمرير في أداة الـ ListView
• SendToBack : وضع الأداة خلف الأدوات
• Show : إظهار أداة الـ ListView .. وهي عكس الوظيفة Hide
• Sort : تستخدم لترتيب الـ ListView بناء على قيمة الخاصية Sorting
• Sorting : تستخدم لتحديد نوع الترتيب إما تصاعدي (Ascending) أو تنازلي (Descending)
• ListViewItemSorter : تحديد رقم العمود الذي سيتم الترتيب بواسطته .. لكن هنا سيلزمنا هذه الفئة

كود :

[color=#000000][COLOR=#007700]Class [/color][COLOR=#0000bb]ListViewItemComparer

[/COLOR][color=#007700]Implements [/color][COLOR=#0000bb]IComparer
[/COLOR][color=#007700]Private [/color][color=#0000bb]col [/color][color=#007700]As [/color][COLOR=#0000bb]Integer

[/COLOR][color=#007700]Public [/color][color=#0000bb]Sub [/color][COLOR=#007700]New()
[/COLOR][color=#0000bb]col [/color][color=#007700]= [/color][COLOR=#0000bb]0
End Sub

[/COLOR][color=#007700]Public [/color][color=#0000bb]Sub [/color][color=#007700]New([/color][color=#0000bb]ByVal column [/color][color=#007700]As [/color][color=#0000bb]Integer[/color][COLOR=#007700])
[/COLOR][color=#0000bb]col [/color][color=#007700]= [/color][COLOR=#0000bb]column
End Sub

[/COLOR][color=#007700]Public Function [/color][color=#0000bb]Compare[/color][color=#007700]([/color][color=#0000bb]ByVal x [/color][color=#007700]As [/color][color=#0000bb]Object[/color][color=#007700], [/color][color=#0000bb]ByVal y [/color][color=#007700]As [/color][color=#0000bb]Object[/color][color=#007700]) As [/color][color=#0000bb]Integer [/color][color=#007700]Implements [/color][color=#0000bb]IComparer[/color][color=#007700].[/color][COLOR=#0000bb]Compare
[/COLOR][color=#007700]Return [[/color][color=#0000bb]String[/color][color=#007700]].[/color][color=#0000bb]Compare[/color][color=#007700]([/color][color=#0000bb]CType[/color][color=#007700]([/color][color=#0000bb]x[/color][color=#007700], [/color][color=#0000bb]ListViewItem[/color][color=#007700]).[/color][color=#0000bb]SubItems[/color][color=#007700]([/color][color=#0000bb]col[/color][color=#007700]).[/color][color=#0000bb]Text[/color][color=#007700], [/color][color=#0000bb]CType[/color][color=#007700]([/color][color=#0000bb]y[/color][color=#007700], [/color][color=#0000bb]ListViewItem[/color][color=#007700]).[/color][color=#0000bb]SubItems[/color][color=#007700]([/color][color=#0000bb]col[/color][color=#007700]).[/color][color=#0000bb]Text[/color][COLOR=#007700])
[/COLOR][color=#0000bb]End [/color][COLOR=#007700]Function
[/COLOR][color=#0000bb]End [/color][COLOR=#007700]Class  
[/COLOR][/COLOR]

ليصبح كود ترتيب الـ ListView كما يلي

كود :

[color=#000000][COLOR=#0000bb]ListView1[/color][color=#007700].[/color][color=#0000bb]Sorting [/color][color=#007700]= [/color][color=#0000bb]SortOrder[/color][color=#007700].[/color][COLOR=#0000bb]Ascending
ListView1[/COLOR][color=#007700].[/color][color=#0000bb]ListViewItemSorter [/color][color=#007700]= New [/color][color=#0000bb]ListViewItemComparer[/color][COLOR=#007700]()
[/COLOR][color=#0000bb]ListView1[/color][color=#007700].[/color][color=#0000bb]Sort[/color][COLOR=#007700]()  
[/COLOR][/COLOR]

حيث القيمة الافتراضية لـ ListViewItemComparer = 0 وهي رقم العمود الأول ويمكن جعل الترتيب بواسطة العمود الثاني بتعديل السطر الثاني ليصبح كما يلي

كود :

[color=#000000][COLOR=#0000bb]ListView1[/color][color=#007700].[/color][color=#0000bb]ListViewItemSorter [/color][color=#007700]= New [/color][color=#0000bb]ListViewItemComparer[/color][color=#007700]([/color][color=#0000bb]1[/color][COLOR=#007700])  
[/COLOR][/COLOR]

• TopItem : للتحكم في العنصر الذي يكون في أعلى أداة الـ ListView وليس شرطاً أن يكون أول عنصر في الأداة .. ولها نفس خصائص الخاصية Items .. فمثلاً لحذف العنصر الموجود في أعلى أداة الـListView نستخدم الكود التالي :

كود :

[color=#000000][COLOR=#0000bb]ListView1[/color][color=#007700].[/color][color=#0000bb]TopItem[/color][color=#007700].[/color][color=#0000bb]Remove[/color][COLOR=#007700]()  
[/COLOR][/COLOR]

• Visible : إخفاء وإظهار أداة الـ ListView


أحداث الأداة ListView

سنتعرف الآن على أهم أحداث أداة الـ ListView وهي كما يلي :

• AfterLabelEdit : ينشط هذا الحدث عند الانتهاء من تعديل خلية في أداة الـ ListView
• BeforeLabelEdit : ينشط هذا الحدث قبل البدء في تعديل خلية في أداة الـ ListView
• Click : ينشط هذا الحدث عند النقر على أداة الـ ListView
• ColumnClick : ينشط هذا الحدث عند النقر على الـ Header (العنوان الرأسي) لأداة الـ ListView ويمكن استخدامه كما يلي

كود :

[color=#000000][COLOR=#007700]Private [/color][color=#0000bb]Sub ListView1_ColumnClick[/color][color=#007700]([/color][color=#0000bb]ByVal sender [/color][color=#007700]As [/color][color=#0000bb]Object[/color][color=#007700], [/color][color=#0000bb]ByVal e [/color][color=#007700]As [/color][color=#0000bb]System[/color][color=#007700].[/color][color=#0000bb]Windows[/color][color=#007700].[/color][color=#0000bb]Forms[/color][color=#007700].[/color][color=#0000bb]ColumnClickEventArgs[/color][color=#007700]) [/color][color=#0000bb]Handles ListView1[/color][color=#007700].[/color][COLOR=#0000bb]ColumnClick
[/COLOR][color=#007700]If [/color][color=#0000bb]e[/color][color=#007700].[/color][color=#0000bb]Column [/color][color=#007700]= [/color][COLOR=#0000bb]1 Then
MsgBox[/COLOR][color=#007700]([/color][color=#dd0000]"Sniper"[/color][COLOR=#007700])
[/COLOR][color=#0000bb]End [/color][COLOR=#007700]If
[/COLOR][COLOR=#0000bb]End Sub  
[/COLOR][/COLOR]

حيث الرقم 1 هو رقم العمود الذي نريد عند الضغط عليه يتم تنفيذ هذا الحدث

• Disposed : ينشط هذا الحدث عند إزالة باستخدام الأمر Dipose أداة الـ ListView
• DoubleClick : ينشط هذا الحدث عند النقر المزدوج على أداة الـ ListView
• ItemSelectionChanged : ينشط هذا الحدث عند تغيير موقع شريط التحديد أداة الـ ListView



ربط أداة الـ ListView بقاعدة بيانات Access

وفي الرابط التالي مثال لربط أداة الـ ListView بقاعدة بيانات Access

حمل المثال من هنا

يتبع ...