منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب
تعلم كيف تنشأ قائمة لتصفح الموقع بـXML وDropDownList - نسخة قابلة للطباعة

+- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb)
+-- قسم : قسم برمجة وتطوير المواقع (http://vb4arb.com/vb/forumdisplay.php?fid=51)
+--- قسم : قسم ASP.NET (http://vb4arb.com/vb/forumdisplay.php?fid=52)
+---- قسم : قسم مقالات ASP.NET (http://vb4arb.com/vb/forumdisplay.php?fid=54)
+---- الموضوع : تعلم كيف تنشأ قائمة لتصفح الموقع بـXML وDropDownList (/showthread.php?tid=5746)

تعلم كيف تنشأ قائمة لتصفح الموقع بـXML وDropDownList - RaggiTech - 15-10-12

كاتب الموضوع : Ahmed Moosa


بسم الله الرحمن الرحيم

الفكرة :- وضع DropDownList بها صفحات الموقع يتم التنقل من خلالها .

الصورة التى سنصل إليها فى نهاية الأمر كالتالى


وعند الضغط على صفحة ASP.Net كمثال تظهر لك محتوياتها هكذا
خطوات العمل :-
1- قم بإنشاء ملف XML من Add New Item . وأكتب فيه الآتى :-

كود :
[color=#000000][COLOR=#0000bb]<?xml version[/color][color=#007700]=[/color][color=#dd0000]"1.0" [/color][color=#0000bb]encoding[/color][color=#007700]=[/color][color=#dd0000]"utf-8" [/color][COLOR=#0000bb]?>
[/COLOR]<Links>
  <Link>
    <PageName>ASP.Net</PageName>
    <URL>~/aspdotnet.aspx</URL>
  </Link>
  <Link>
    <PageName>C#</PageName >
    <URL>~/CSharp.aspx</URL>
  </Link>
  <Link>
    <PageName>JavaScript</PageName >
    <URL>~/javascript.aspx</URL>
  </Link>
  <Link>
    <PageName>Data Base</PageName >
    <URL>~/Database.aspx</URL>
  </Link>
</Links>[/COLOR]

2- قم بإضافة أربع صفحات أخرى بالأسماء الموجودة فى ملف XML وأكتب بهماوليكن رسالة ترحيب حتى تظهر لك حين تفتح .

3- إدرج إلى الصفحة الرئيسية أداة DropDownList ,وقم بتفعيل الخاصية AutoPostBack إلى True.
ليكون كود تصميم الأداة على هذا الشكل

كود :
[color=#000000][COLOR=#0000bb][/color][color=#007700]<[/color][color=#0000bb]asp[/color][color=#007700]:[/color][color=#0000bb]DropDownList ID[/color][color=#007700]=[/color][color=#dd0000]"DropDownList1" [/color][color=#0000bb]runat[/color][color=#007700]=[/color][color=#dd0000]"server" [/color][color=#0000bb]AutoPostBack [/color][color=#007700]=[/color][color=#dd0000]"true" [/color][COLOR=#007700]>
</[/COLOR][color=#0000bb]asp[/color][color=#007700]:[/color][color=#0000bb]DropDownList[/color][COLOR=#007700]>  
[/COLOR][color=#0000bb][/color][/COLOR]

** نريد الآن أن نقوم بملئ الأداة بالبيانات التى داخل ملف XML . إذاً فهى تحتاج إلى كود .
سنضع هذا الكود فى حدث Page_Load ليكون هكذا
C#

كود :
[color=#000000][COLOR=#0000bb][/color][color=#007700]protected [/color][color=#0000bb]void Page_Load[/color][color=#007700]([/color][color=#0000bb]object sender[/color][color=#007700], [/color][color=#0000bb]EventArgs e[/color][COLOR=#007700])
{
    if (![/COLOR][color=#0000bb]IsPostBack[/color][COLOR=#007700])
    {
        [/COLOR][color=#0000bb]DataSet ds [/color][color=#007700]= new [/color][color=#0000bb]DataSet[/color][COLOR=#007700]();
        [/COLOR][color=#0000bb]ds[/color][color=#007700].[/color][color=#0000bb]ReadXml[/color][color=#007700]([/color][color=#0000bb]Server[/color][color=#007700].[/color][color=#0000bb]MapPath[/color][color=#007700]([/color][color=#dd0000]"XMLFile.xml"[/color][COLOR=#007700]));  
        [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataSource [/color][color=#007700]=  [/color][color=#0000bb]ds[/color][COLOR=#007700];
        [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataTextField [/color][color=#007700]= [/color][color=#dd0000]"PageName"[/color][COLOR=#007700];
        [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataValueField [/color][color=#007700]= [/color][color=#dd0000]"URL"[/color][COLOR=#007700];
        [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataBind[/color][COLOR=#007700]();
  [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]Items[/color][color=#007700].[/color][color=#0000bb]Insert[/color][color=#007700]([/color][color=#0000bb]0[/color][color=#007700], [/color][color=#dd0000]"Choose"[/color][COLOR=#007700]);
    }
}  
[/COLOR][color=#0000bb][/color][/COLOR]

VB

كود :
[color=#000000][COLOR=#0000bb][/color][color=#007700]Protected [/color][color=#0000bb]Sub Page_Load[/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]EventArgs[/color][color=#007700]) [/color][color=#0000bb]Handles Me[/color][color=#007700].[/color][COLOR=#0000bb]Load
        [/COLOR][color=#007700]If [/color][COLOR=#0000bb]Not IsPostBack Then
            Dim ds [/COLOR][color=#007700]As New [/color][COLOR=#0000bb]DataSet
            ds[/COLOR][color=#007700].[/color][color=#0000bb]ReadXml[/color][color=#007700]([/color][color=#0000bb]Server[/color][color=#007700].[/color][color=#0000bb]MapPath[/color][color=#007700]([/color][color=#dd0000]"XMLFile.xml"[/color][COLOR=#007700]))
            [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataSource [/color][color=#007700]= [/color][COLOR=#0000bb]ds
            DropDownList1[/COLOR][color=#007700].[/color][color=#0000bb]DataTextField [/color][color=#007700]= [/color][COLOR=#dd0000]"PageName"
            [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataValueField [/color][color=#007700]= [/color][COLOR=#dd0000]"URL"
            [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]DataBind[/color][COLOR=#007700]()
            [/COLOR][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]Items[/color][color=#007700].[/color][color=#0000bb]Insert[/color][color=#007700]([/color][color=#0000bb]0[/color][color=#007700], [/color][color=#dd0000]"Choose"[/color][COLOR=#007700])
        [/COLOR][color=#0000bb]End [/color][COLOR=#007700]If
    [/COLOR][COLOR=#0000bb]End Sub  
[/COLOR][/COLOR]

4- قم بالضغط على أداة DropdownList مرتين لتنتقل إلى الحدث الذى سنكتب به الكود التالى وهو كود التنقل :-
C#

كود :
[color=#000000][COLOR=#0000bb][/color][color=#007700]protected [/color][color=#0000bb]void DropDownList3_SelectedIndexChanged[/color][color=#007700]([/color][color=#0000bb]object sender[/color][color=#007700], [/color][color=#0000bb]EventArgs e[/color][COLOR=#007700])
  {
      [/COLOR][color=#0000bb]Response[/color][color=#007700].[/color][color=#0000bb]Redirect[/color][color=#007700]([/color][color=#0000bb]DropDownList3[/color][color=#007700].[/color][color=#0000bb]SelectedValue[/color][COLOR=#007700]);    
  }  
[/COLOR][color=#0000bb][/color][/COLOR]

VB

كود :
[color=#000000][COLOR=#0000bb][/color][color=#007700]Protected [/color][color=#0000bb]Sub DropDownList1_SelectedIndexChanged[/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]EventArgs[/color][color=#007700]) [/color][color=#0000bb]Handles DropDownList1[/color][color=#007700].[/color][COLOR=#0000bb]SelectedIndexChanged
        Response[/COLOR][color=#007700].[/color][color=#0000bb]Redirect[/color][color=#007700]([/color][color=#0000bb]DropDownList1[/color][color=#007700].[/color][color=#0000bb]SelectedValue[/color][COLOR=#007700])
    [/COLOR][COLOR=#0000bb]End Sub  
[/COLOR][/COLOR]

والحمد لله رب العالمين