قم أولاً بإنشاء قائمة باسم ملف xml جديد بالمحتوى التالي:
<القائمة>
ثم قم بسحب وإفلات عنصر تحكم القائمة على الصفحة، ثم قم بسحب وإفلات عنصر تحكم XmlDataSource بالمعرف XmlDataSource1، وقم بتعيين DataSourceID الخاص بالقائمة على XmlDataSource1.
قم بتكوين عنصر التحكم XmlDataSource بحيث يكون DataFile = "~/Menu.xml" XPath = "menu/menuItem"،
هنا يتم استخدام xpath لتحديد البيانات، أي لتصفية بيانات عنصر القائمة.
عند هذه النقطة، قم بربط بيانات عنصر تحكم القائمة وأخبر عنصر تحكم القائمة بكيفية عرض البيانات التي تمت تصفيتها من ملف xml. حدد عنصر تحكم القائمة، وحدد DataBindings في نافذة الخصائص، وفي مربع الحوار المنبثق، حدد MenuItem في القائمة الموجودة في الزاوية اليسرى العليا، وانقر فوق الزر Add لإضافة MenuItem إلى القائمة في الجزء السفلي الأيسر، ثم حدد MenuItem في هذه القائمة، هذه هي القائمة الصحيحة التي ستعرض الخصائص المراد ربطها، لذا NavigateUrlField="url" TextField="title". اضغط على زر موافق للعودة إلى واجهة التصميم، وفي هذا الوقت، سيتم عرض عنصري القائمة "الصفحة الرئيسية" و"الأخبار".
كود html للتصميم هو كما يلي:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="CoAffiliate._Default" %>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml " >
<رئيس التشغيل = "الخادم">