الميزة المفيدة حقًا لـ ASP.NET هي قابليتها للتوسعة. يمكن للمطورين حول العالم إنشاء عناصر التحكم المخصصة الخاصة بهم والتي يمكن تعريفها بسهولة في العملية الخاصة بك. من بينها، عناصر تحكم ويب Internet Explorer هي مجموعة تم إنشاؤها بواسطة Microsoft خارج عناصر تحكم ASP.NET القياسية.
يتم ترتيب محركات الأقراص في Windows Explorer والملفات والمجلدات الموجودة ضمنها وفقًا لبنية هرمية، وفي مجموعة التحكم هذه، يوجد عنصر تحكم Treeview يوفر لنا طريقة لعرض المعلومات في بنية هرمية. يحتوي عنصر تحكم Treeview على قائمة عناصر تسمى العقد. يمكن أن يكون لكل عقدة مجموعة العقد الخاصة بها، مما يوفر تعريفًا أعمق للبيانات. يمكن طي كل عقدة، مما يسمح للزائر بالبحث ضمن عنصر تحكم الشجرة ورؤية مستوى البيانات التي تهمه فقط. تماما مثل مستكشف ويندوز.
أول شيء يجب توضيحه هو بيئة الاختبار، طالما أن البيئة صحيحة، سيكون العمل التالي سهلاً للغاية:
لاختبار عنصر التحكم هذا، يجب أن يكون لديك ملف يسمى IE WebControls. يمكن تنزيل الملف المحدد بالنقر هنا أو الذهاب إلى موقع مايكروسوفت.
التثبيت حسب الطريقة التي قدمها. إذا لم تكن متأكدًا، فيرجى قراءة مستنده التمهيدي بعناية.
تخطي طريقة التنزيل هنا وانتقل مباشرة إلى تكوين البيئة:
IE Web Controls
1. انقر نقرًا مزدوجًا لإكمال التثبيت الافتراضي: قرص النظام:program filesIE Web Controls Directory.
2. قم بتشغيل "البرنامج - Microsoft Visual Studio.NET 2003 - أدوات Visual Studio.NET - موجه أوامر Microsoft Visual Studio.NET 2003" وأدخل دليل تثبيت IE Web Control.
3. قم بتشغيل build.bat.
4. قم بتشغيل xcopy /s /i .buildRuntime (الدليل الجذر لموقع الويب، قرص النظام الافتراضي):Inetpubwwwrootwebctrl_client1_0 /y.
انقر بزر الماوس الأيمن على "Toolbox - Web Form"، وحدد "Add/Remove Items..."، وحدد مكون .net framwork في مربع الحوار المنبثق، وانقر فوق "Browse"، وابحث عن ملف IE WebControl.dll. فقط أضفه.
يؤدي هذا إلى تكوين بيئة التشغيل. بعد ذلك تأتي المرحلة العملية.
1. حددمربع نسخ رمز
تحكم TreeView
"استيراد مساحة الاسم <%@ import namespace="Microsoft.web.UI.webcontros"%>
'قم بتسجيل مساحة الاسم هذه ومنحها TagPrefix لتسهيل تعريف عناصر التحكم في مكتبة التحكم هذه <%@ Register tagprefix = "iecontrols"
مساحة الاسم = "Microsoft.web.UI.webcontrols"
التجميع = "microsoft.web.UI.webcontrols"
%>
'بعد تعيين التعليمات، يمكنك تحديد عنصر تحكم الشجرة مثل ما يلي <iecontrols:treeview
معرف = "التلفزيون الأساسي"
التحديد التلقائي = "خطأ"
شوبلس = "صحيح"
خطوط العرض = "صحيح"
مستوى التوسيع = 2
رونات = "الخادم"
>
----------
</idcontrols:treeview>
يشرح ما يلي الكود المقابل:
autoselect = "false"
عندما يحدد الزائر عقدة في عنصر تحكم TreeView، يمكنه استخدام الأسهم الموجودة على لوحة المفاتيح لإجراء هذا الموضع عندما تحدد سمة التحديد التلقائي لـ عنصر تحكم TreeView عند تعيين القيمة إلى TRUE، يمكنك استخدام المفاتيح الموجودة على لوحة المفاتيح للتمرير في عنصر تحكم TreeView لتحديد عنصر إذا تم تعيينه على false، فلن يُسمح بهذا
showplus = "true"
عند وجود عنصرين في Treeview التحكم عند استلام العقد معًا، يمكنك عرض علامة الجمع (+) حتى يعرف الزائرون أنه يمكن توسيع العقدة، من خلال تعيين سمة showplus، يمكنك التحكم في ما إذا كانت علامة الزائد معروضة في هذا الموضع إذا تم تعيين قيمة هذه السمة على "صحيح"، فسوف تستخدم علامة الجمع؛ وإلا فلا تستخدمها.
showlines = "true"
يمكنها عرض بعض الخطوط بين عقدتين في عنصر تحكم Treeview، يمكنك التحكم في عرضها مثل هذه الأسطر
Expandlevel=2
عنصر تحكم Treeview هذا يتم استخدام خاصية Expandlevel لتحديد عدد المستويات المراد توسيعها عبر التسلسل الهرمي لعنصر تحكم Treeview هذا بشكل
افتراضي
----------
</iecontrols:treeview>
بين علامتي البداية والنهاية المحددتين في عنصر تحكم الشجرة، يمكنك تحديد بعض عناصر تحكم الشجرة.
2. استخدم عناصر تحكم الشجرة في عناصر تحكم الشجرة
، فأنت بحاجة إلى إضافة بعض عناصر التحكم في الشجرة لعرض بعض المعلومات، يتم عرض عنصر التحكم في الشجرة كعنصر في التسلسل الهرمي لعنصر التحكم في الشجرة Treenode في عنصر تحكم Treeview
سيعرض هذا المثال بعض مواقع الويب المفضلة لدي، والتي يمكن أن يكون كل منها موقعًا مستقلاً، أو قد تكون هناك مواقع ويب أخرى ضمنه. يحتوي عنصر تحكم Treeview هذا على التعريف التالي:
مربع نسخ الكود
<iecontrols:treeview
معرف = "موقع التلفزيون"
التحديد التلقائي = "خطأ"
شوبلس = "صحيح"
خطوط العرض = "صحيح"
مستوى التوسيع = 2
رونات = "الخادم"
>
'بعد ذلك، في علامتي الفتح والإغلاق لعنصر تحكم Treeview، حدد عنصر تحكم Treenode <iecontrols:treenode text="المواقع التي أزورها كثيرًا">
<idcontrols:treenode text="تصميم الموقع">
<idcontrols:treenode text="Blue Ideal" />
<idcontrols:treenode text="يوم عاصف" />
<idcontrols:treenode text="Design Alliance" />
</iecontrols:treenode>
<iecontrols:treenode text="موقع البرمجة">
<iecontrols:treenode text="برمجة ASP">
<iecontrols:treenode text="ASP COOL" />
<iecontrols:treenode text=""/>
</iecontrols:treenode>
<iecontrols:treenode text="برمجة ASP.NET">
<iecontrols:treenode text="شبكة تقنية Dotnet" />
<iecontrols:treenode text="asp.net"/>
</iecontrols:treenode>
<iecontrols:treenode text="Programmer Base Camp" />
</iecontrols:treenode>
</iecontrols:treenode>
من بينها، يتم تحديد عقدة ذات مستويين. يحتوي عرض الشجرة هذا على عقدتين كبيرتين: "موقع التصميم" و"موقع البرمجة"، وهناك عقدتان أخريان في "موقع البرمجة". عقدة "برمجة ASP" و"برمجة asp.net"، تحدد كل واحدة منهما عقدًا أخرى.
انتبه إلى الفرق بين عنصر تحكم عقدة الشجرة الذي يحتوي على عقد أخرى وعنصر تحكم عقدة الشجرة المستقل عندما يحتوي أيضًا على عقدة شجرة أخرى عناصر التحكم، يتم تعريف عناصر التحكم التابعة هذه بين علامتي البداية والنهاية لعناصر التحكم الرئيسية الخاصة بها:
<iecontrols:treenode text="">
</iecontrols:treenode>
ولكن بالنسبة للتحكم المستقل في Treenode، تكون علامتي البداية والنهاية مستقلة بذاتها:
<iecontrols:treenode text="" />
عندما يتم تحميل الصفحة لأول مرة، يكون هذا بمثابة توسيع لعقدة العرض بأكملها. نظرًا لتعيين قيمة سمة التوسيع هنا على 2، سيتم عرض العقد على جميع المستويات، بالإضافة إلى ذلك، تجدر الإشارة إلى أنه نظرًا لأن سمة showlines وسمة showplus صحيحتان، في جميع طرق العرض المعروضة، فإن الاتصال بين العقد والخطوط و. يتم عرض مربعات الاتصال.
"المواقع التي أزورها كثيرًا" هي عنصر العقدة المحدد حاليًا. يمكن للزائر الضغط على Enter أو النقر بالماوس على هذه العقدة، ثم يمكن للزائر استخدام الأسهم الموجودة على لوحة المفاتيح للتنقل عبر التسلسل الهرمي للعرض الشجري.