[RaggiTech]

السلام عليكم ورحمة الله ..
بعد أن أخذنا فكرة نظرية عن أجزاء الويب web parts ..
جاء دور التطبيق وسنحاول أن نغطي جميع أنماط العرض التي أشرنا لها سابقاً ..
خطوات العمل ..
سنبدأ بتصميم الصفحة وفي مثالنا هذا تم تقسيم الصفحة إلى ثلاثة أعمدة باستخدام ملف Css ( في التطبيقات الجدية يفضل وضع MasterPage ) ..
سنحتاج إلى إضافة SiteNavigation لذا قم بإضافة Web.sitemap الى المشروع ( راجع درس معلومة SiteNavigation)
كذلك نحتاج إلى userControl لذا قم بإضافتها الى المشروع وضع لها إسم
Calculator.ascx ( درس معلومة UserControl ) ..
بعد الانتهاء من تصميم الصفحة وتصميم أدواتناالخاصة ..
نبدأ بوضع أدواتنا على الصفحة ..
1- WebPartManager ( من باب التذكير نضع واحدة فقط ) .
من خصائصه

كود :

<asp:WebPartManager ID="WebPartManager1" runat="server"

            CloseProviderWarning="انت على وشك إغلاق هذة الأداة .. لإغلاقها اختر موافق"

            DeleteWarning="انت على وشك حذف هذة الأداة ..  إذا كنت متاكدا من الحذف ..اختر موافق">

        </asp:WebPartManager>

2- نضع في العمود الأول WebPartZone
من خصائصه EmptyZoneText و CloseVerb و EditVerb .... الخ ويمكنك التعديل على القيمة Text بما يحلو لك وكما تود أن يظهر النص للمستخدم ..
نضع في داخل WebPartZone أداة TreeView ونقوم بربطها ب sitemap...

كود :

<asp:WebPartZone ID="WebPartZone1" runat="server">
            <ZoneTemplate>
                <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1">
                </asp:TreeView>
            </ZoneTemplate>
        </asp:WebPartZone>

3- في العمود الثاني نضع ايضا WebPartZone ونضع بداخله Calendar

كود :

<asp:WebPartZone ID="WebPartZone2" runat="server">            <ZoneTemplate>
                <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
            </ZoneTemplate>
        </asp:WebPartZone>

يمكنك الآن القيام بتجريب الصفحة وستلاحظ بأنه يمكنك القيام بتصغير واستعادة الأدوات
النمط الافتراضي هو Browese
شاهد الصورة في المرفقات
يتبع...